#504418 hex color

In a RGB color space, hex #504418 is composed of 31.4% red, 26.7% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15% magenta, 70% yellow and 68.6% black. It has a hue angle of 47.1 degrees, a saturation of 53.8% and a lightness of 20.4%. #504418 color hex could be obtained by blending #a08830 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 31
- G 27
- B 9
RGB color chart
- C 0
- M 15
- Y 70
- K 69
CMYK color chart

● #504418 color description : Very dark yellow [Olive tone].

The hexadecimal color #504418 has RGB values of R:80, G:68, B:24 and CMYK values of C:0, M:0.15, Y:0.7, K:0.69. Its decimal value is 5260312.

Hex triplet	504418	`#504418`
RGB Decimal	80, 68, 24	`rgb(80,68,24)`
RGB Percent	31.4, 26.7, 9.4	`rgb(31.4%,26.7%,9.4%)`
CMYK	0, 15, 70, 69
HSL	47.1°, 53.8, 20.4	`hsl(47.1,53.8%,20.4%)`
HSV (or HSB)	47.1°, 70, 31.4
Web Safe	663300	`#663300`

CIE-LAB	29.174, -0.848, 27.779
XYZ	5.54, 5.906, 1.712
xyY	0.421, 0.449, 5.906
CIE-LCH	29.174, 27.792, 91.749
CIE-LUV	29.174, 9.638, 25.459
Hunter-Lab	24.302, -1.835, 12.834
Binary	01010000, 01000100, 00011000

#504418
```
#504418 rgb(80,68,24)
```
#182450
```
#182450 rgb(24,36,80)
```

Complementary Color

#502818
```
#502818 rgb(80,40,24)
```
#504418
```
#504418 rgb(80,68,24)
```
#405018
```
#405018 rgb(64,80,24)
```

Analogous Color

#281850
```
#281850 rgb(40,24,80)
```
#504418
```
#504418 rgb(80,68,24)
```
#184050
```
#184050 rgb(24,64,80)
```

Split Complementary Color

#441850
```
#441850 rgb(68,24,80)
```
#504418
```
#504418 rgb(80,68,24)
```
#185044
```
#185044 rgb(24,80,68)
```

Triadic Color

#501824
```
#501824 rgb(80,24,36)
```
#504418
```
#504418 rgb(80,68,24)
```
#185044
```
#185044 rgb(24,80,68)
```
#182450
```
#182450 rgb(24,36,80)
```

Tetradic Color

#151206
```
#151206 rgb(21,18,6)
```
#29230c
```
#29230c rgb(41,35,12)
```
#3c3312
```
#3c3312 rgb(60,51,18)
```
#504418
```
#504418 rgb(80,68,24)
```
#64551e
```
#64551e rgb(100,85,30)
```
#776524
```
#776524 rgb(119,101,36)
```
#8b762a
```
#8b762a rgb(139,118,42)
```

Monochromatic Color

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

#503618
```
#503618 rgb(80,54,24)
```
#503b18
```
#503b18 rgb(80,59,24)
```
#503f18
```
#503f18 rgb(80,63,24)
```
#504418
```
#504418 rgb(80,68,24)
```
#504918
```
#504918 rgb(80,73,24)
```
#504d18
```
#504d18 rgb(80,77,24)
```
#4e5018
```
#4e5018 rgb(78,80,24)
```

Similar Colors

Text with hexadecimal color #504418

This text has a font color of #504418.

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

#504418 background color

This paragraph has a background color of #504418.

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

#504418 border color

This element has a border color of #504418.

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

CSS codes

.text {color:#504418;}

.background {background-color:#504418;}

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

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, #050401 is the darkest color, while #fcfaf4 is the lightest one.

#050401
```
#050401 rgb(5,4,1)
```
#141106
```
#141106 rgb(20,17,6)
```
#231e0a
```
#231e0a rgb(35,30,10)
```
#322a0f
```
#322a0f rgb(50,42,15)
```
#413713
```
#413713 rgb(65,55,19)
```
#504418
```
#504418 rgb(80,68,24)
```
#5f511d
```
#5f511d rgb(95,81,29)
```
#6e5e21
```
#6e5e21 rgb(110,94,33)
```
#7d6a26
```
#7d6a26 rgb(125,106,38)
```
#8c772a
```
#8c772a rgb(140,119,42)
```
#9b842f
```
#9b842f rgb(155,132,47)
```
#ab9133
```
#ab9133 rgb(171,145,51)
```
#ba9e38
```
#ba9e38 rgb(186,158,56)
```

Shade Color Variation

#c6a93f
```
#c6a93f rgb(198,169,63)
```
#cab04e
```
#cab04e rgb(202,176,78)
```
#cfb65e
```
#cfb65e rgb(207,182,94)
```
#d3bd6d
```
#d3bd6d rgb(211,189,109)
```
#d8c47c
```
#d8c47c rgb(216,196,124)
```
#dccb8b
```
#dccb8b rgb(220,203,139)
```
#e1d29a
```
#e1d29a rgb(225,210,154)
```
#e5d8a9
```
#e5d8a9 rgb(229,216,169)
```
#eadfb8
```
#eadfb8 rgb(234,223,184)
```
#eee6c7
```
#eee6c7 rgb(238,230,199)
```
#f3edd6
```
#f3edd6 rgb(243,237,214)
```
#f7f3e5
```
#f7f3e5 rgb(247,243,229)
```
#fcfaf4
```
#fcfaf4 rgb(252,250,244)
```

Tint Color Variation

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

#383630
```
#383630 rgb(56,54,48)
```
#3c392c
```
#3c392c rgb(60,57,44)
```
#403b28
```
#403b28 rgb(64,59,40)
```
#443d24
```
#443d24 rgb(68,61,36)
```
#483f20
```
#483f20 rgb(72,63,32)
```
#4c421c
```
#4c421c rgb(76,66,28)
```
#504418
```
#504418 rgb(80,68,24)
```
#544614
```
#544614 rgb(84,70,20)
```
#584910
```
#584910 rgb(88,73,16)
```
#5c4b0c
```
#5c4b0c rgb(92,75,12)
```
#604d08
```
#604d08 rgb(96,77,8)
```
#644f04
```
#644f04 rgb(100,79,4)
```
#685200
```
#685200 rgb(104,82,0)
```

Tone Color Variation

Below, you can see how #504418 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
#46433a Atypical Achromatopsia 0.001% of the population

Dichromacy

#564e24 Protanopia 1% of men
#604a25 Deuteranopia 1% of men
#5d494e Tritanopia 0.001% of the population

Trichromacy

#544a1f Protanomaly 1% of men, 0.01% of women
#5a4820 Deuteranomaly 6% of men, 0.4% of women
#58473a Tritanomaly 0.01% of the population

#504418 hex color

#504418 Color Information

#504418 Color Conversion

Color Schemes with #504418

Alternatives to #504418

#504418 Preview

Shades and Tints of #504418

Tones of #504418

Color Blindness Simulator