colorhexa.com

#504228 hex color

In a RGB color space, hex #504228 is composed of 31.4% red, 25.9% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.5% magenta, 50% yellow and 68.6% black. It has a hue angle of 39 degrees, a saturation of 33.3% and a lightness of 23.5%. #504228 color hex could be obtained by blending #a08450 with #000000. Closest websafe color is: #663333.

- R 31
- G 26
- B 16
RGB color chart
- C 0
- M 18
- Y 50
- K 69
CMYK color chart

● #504228 color description : Very dark desaturated orange.

The hexadecimal color #504228 has RGB values of R:80, G:66, B:40 and CMYK values of C:0, M:0.18, Y:0.5, K:0.69. Its decimal value is 5259816.

Hex triplet	504228	`#504228`
RGB Decimal	80, 66, 40	`rgb(80,66,40)`
RGB Percent	31.4, 25.9, 15.7	`rgb(31.4%,25.9%,15.7%)`
CMYK	0, 18, 50, 69
HSL	39°, 33.3, 23.5	`hsl(39,33.3%,23.5%)`
HSV (or HSB)	39°, 50, 31.4
Web Safe	663333	`#663333`

CIE-LAB	28.787, 1.971, 18.036
XYZ	5.639, 5.755, 2.821
xyY	0.397, 0.405, 5.755
CIE-LCH	28.787, 18.144, 83.764
CIE-LUV	28.787, 10.017, 17.742
Hunter-Lab	23.99, -0.022, 9.821
Binary	01010000, 01000010, 00101000

#504228
```
#504228 rgb(80,66,40)
```
#283650
```
#283650 rgb(40,54,80)
```

Complementary Color

#502e28
```
#502e28 rgb(80,46,40)
```
#504228
```
#504228 rgb(80,66,40)
```
#4a5028
```
#4a5028 rgb(74,80,40)
```

Analogous Color

#2e2850
```
#2e2850 rgb(46,40,80)
```
#504228
```
#504228 rgb(80,66,40)
```
#284a50
```
#284a50 rgb(40,74,80)
```

Split Complementary Color

#1d180f
```
#1d180f rgb(29,24,15)
```
#2e2617
```
#2e2617 rgb(46,38,23)
```
#3f3420
```
#3f3420 rgb(63,52,32)
```
#504228
```
#504228 rgb(80,66,40)
```
#615031
```
#615031 rgb(97,80,49)
```
#725e39
```
#725e39 rgb(114,94,57)
```
#836c42
```
#836c42 rgb(131,108,66)
```

Monochromatic Color

Below, you can see some colors close to #504228. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#503828
```
#503828 rgb(80,56,40)
```
#503b28
```
#503b28 rgb(80,59,40)
```
#503f28
```
#503f28 rgb(80,63,40)
```
#504228
```
#504228 rgb(80,66,40)
```
#504528
```
#504528 rgb(80,69,40)
```
#504928
```
#504928 rgb(80,73,40)
```
#504c28
```
#504c28 rgb(80,76,40)
```

Similar Colors

Text with hexadecimal color #504228

This text has a font color of #504228.

<span style="color:#504228;">Text here</span>

#504228 background color

This paragraph has a background color of #504228.

<p style="background-color:#504228;">Content here</p>

#504228 border color

This element has a border color of #504228.

<div style="border:1px solid #504228;">Content here</div>

CSS codes

.text {color:#504228;}

.background {background-color:#504228;}

.border {border:1px solid #504228;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020101 is the darkest color, while #f9f7f3 is the lightest one.

#020101
```
#020101 rgb(2,1,1)
```
#0f0c07
```
#0f0c07 rgb(15,12,7)
```
#1c170e
```
#1c170e rgb(28,23,14)
```
#292214
```
#292214 rgb(41,34,20)
```
#362c1b
```
#362c1b rgb(54,44,27)
```
#433721
```
#433721 rgb(67,55,33)
```
#504228
```
#504228 rgb(80,66,40)
```
#5d4d2f
```
#5d4d2f rgb(93,77,47)
```
#6a5835
```
#6a5835 rgb(106,88,53)
```
#77623c
```
#77623c rgb(119,98,60)
```
#846d42
```
#846d42 rgb(132,109,66)
```
#917849
```
#917849 rgb(145,120,73)
```
#9e834f
```
#9e834f rgb(158,131,79)
```

Shade Color Variation

#ab8d57
```
#ab8d57 rgb(171,141,87)
```
#b19664
```
#b19664 rgb(177,150,100)
```
#b89f71
```
#b89f71 rgb(184,159,113)
```
#bea87e
```
#bea87e rgb(190,168,126)
```
#c5b18b
```
#c5b18b rgb(197,177,139)
```
#cbb998
```
#cbb998 rgb(203,185,152)
```
#d2c2a5
```
#d2c2a5 rgb(210,194,165)
```
#d9cbb2
```
#d9cbb2 rgb(217,203,178)
```
#dfd4bf
```
#dfd4bf rgb(223,212,191)
```
#e6ddcc
```
#e6ddcc rgb(230,221,204)
```
#ece6d9
```
#ece6d9 rgb(236,230,217)
```
#f3eee6
```
#f3eee6 rgb(243,238,230)
```
#f9f7f3
```
#f9f7f3 rgb(249,247,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3e3c3a is the less saturated color, while #754d03 is the most saturated one.

#3e3c3a
```
#3e3c3a rgb(62,60,58)
```
#423e36
```
#423e36 rgb(66,62,54)
```
#473f31
```
#473f31 rgb(71,63,49)
```
#4b412d
```
#4b412d rgb(75,65,45)
```
#504228
```
#504228 rgb(80,66,40)
```
#554323
```
#554323 rgb(85,67,35)
```
#59451f
```
#59451f rgb(89,69,31)
```
#5e461a
```
#5e461a rgb(94,70,26)
```
#624816
```
#624816 rgb(98,72,22)
```
#674911
```
#674911 rgb(103,73,17)
```
#6c4a0c
```
#6c4a0c rgb(108,74,12)
```
#704c08
```
#704c08 rgb(112,76,8)
```
#754d03
```
#754d03 rgb(117,77,3)
```

Tone Color Variation

Below, you can see how #504228 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#434343 Achromatopsia 0.005% of the population
#46433e Atypical Achromatopsia 0.001% of the population

Dichromacy

#544d33 Protanopia 1% of men
#5c4a33 Deuteranopia 1% of men
#5c484d Tritanopia 0.001% of the population

Trichromacy

#52492f Protanomaly 1% of men, 0.01% of women
#58472f Deuteranomaly 6% of men, 0.4% of women
#57463f Tritanomaly 0.01% of the population