#504818 hex color

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

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

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

The hexadecimal color #504818 has RGB values of R:80, G:72, B:24 and CMYK values of C:0, M:0.1, Y:0.7, K:0.69. Its decimal value is 5261336.

Hex triplet	504818	`#504818`
RGB Decimal	80, 72, 24	`rgb(80,72,24)`
RGB Percent	31.4, 28.2, 9.4	`rgb(31.4%,28.2%,9.4%)`
CMYK	0, 10, 70, 69
HSL	51.4°, 53.8, 20.4	`hsl(51.4,53.8%,20.4%)`
HSV (or HSB)	51.4°, 70, 31.4
Web Safe	663300	`#663300`

CIE-LAB	30.415, -3.324, 29.119
XYZ	5.791, 6.406, 1.796
xyY	0.414, 0.458, 6.406
CIE-LCH	30.415, 29.308, 96.512
CIE-LUV	30.415, 7.148, 27.34
Hunter-Lab	25.311, -3.457, 13.511
Binary	01010000, 01001000, 00011000

#504818
```
#504818 rgb(80,72,24)
```
#182050
```
#182050 rgb(24,32,80)
```

Complementary Color

#502c18
```
#502c18 rgb(80,44,24)
```
#504818
```
#504818 rgb(80,72,24)
```
#3c5018
```
#3c5018 rgb(60,80,24)
```

Analogous Color

#2c1850
```
#2c1850 rgb(44,24,80)
```
#504818
```
#504818 rgb(80,72,24)
```
#183c50
```
#183c50 rgb(24,60,80)
```

Split Complementary Color

#481850
```
#481850 rgb(72,24,80)
```
#504818
```
#504818 rgb(80,72,24)
```
#185048
```
#185048 rgb(24,80,72)
```

Triadic Color

#501820
```
#501820 rgb(80,24,32)
```
#504818
```
#504818 rgb(80,72,24)
```
#185048
```
#185048 rgb(24,80,72)
```
#182050
```
#182050 rgb(24,32,80)
```

Tetradic Color

#151306
```
#151306 rgb(21,19,6)
```
#29250c
```
#29250c rgb(41,37,12)
```
#3c3612
```
#3c3612 rgb(60,54,18)
```
#504818
```
#504818 rgb(80,72,24)
```
#645a1e
```
#645a1e rgb(100,90,30)
```
#776b24
```
#776b24 rgb(119,107,36)
```
#8b7d2a
```
#8b7d2a rgb(139,125,42)
```

Monochromatic Color

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

#503a18
```
#503a18 rgb(80,58,24)
```
#503f18
```
#503f18 rgb(80,63,24)
```
#504318
```
#504318 rgb(80,67,24)
```
#504818
```
#504818 rgb(80,72,24)
```
#504d18
```
#504d18 rgb(80,77,24)
```
#4f5018
```
#4f5018 rgb(79,80,24)
```
#4a5018
```
#4a5018 rgb(74,80,24)
```

Similar Colors

Text with hexadecimal color #504818

This text has a font color of #504818.

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

#504818 background color

This paragraph has a background color of #504818.

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

#504818 border color

This element has a border color of #504818.

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

CSS codes

.text {color:#504818;}

.background {background-color:#504818;}

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

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 #fcfbf4 is the lightest one.

#050401
```
#050401 rgb(5,4,1)
```
#141206
```
#141206 rgb(20,18,6)
```
#231f0a
```
#231f0a rgb(35,31,10)
```
#322d0f
```
#322d0f rgb(50,45,15)
```
#413a13
```
#413a13 rgb(65,58,19)
```
#504818
```
#504818 rgb(80,72,24)
```
#5f561d
```
#5f561d rgb(95,86,29)
```
#6e6321
```
#6e6321 rgb(110,99,33)
```
#7d7126
```
#7d7126 rgb(125,113,38)
```
#8c7e2a
```
#8c7e2a rgb(140,126,42)
```
#9b8c2f
```
#9b8c2f rgb(155,140,47)
```
#ab9933
```
#ab9933 rgb(171,153,51)
```
#baa738
```
#baa738 rgb(186,167,56)
```

Shade Color Variation

#c6b23f
```
#c6b23f rgb(198,178,63)
```
#cab84e
```
#cab84e rgb(202,184,78)
```
#cfbe5e
```
#cfbe5e rgb(207,190,94)
```
#d3c46d
```
#d3c46d rgb(211,196,109)
```
#d8cb7c
```
#d8cb7c rgb(216,203,124)
```
#dcd18b
```
#dcd18b rgb(220,209,139)
```
#e1d79a
```
#e1d79a rgb(225,215,154)
```
#e5dda9
```
#e5dda9 rgb(229,221,169)
```
#eae3b8
```
#eae3b8 rgb(234,227,184)
```
#eee9c7
```
#eee9c7 rgb(238,233,199)
```
#f3efd6
```
#f3efd6 rgb(243,239,214)
```
#f7f5e5
```
#f7f5e5 rgb(247,245,229)
```
#fcfbf4
```
#fcfbf4 rgb(252,251,244)
```

Tint Color Variation

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

#383730
```
#383730 rgb(56,55,48)
```
#3c3a2c
```
#3c3a2c rgb(60,58,44)
```
#403d28
```
#403d28 rgb(64,61,40)
```
#443f24
```
#443f24 rgb(68,63,36)
```
#484220
```
#484220 rgb(72,66,32)
```
#4c451c
```
#4c451c rgb(76,69,28)
```
#504818
```
#504818 rgb(80,72,24)
```
#544b14
```
#544b14 rgb(84,75,20)
```
#584e10
```
#584e10 rgb(88,78,16)
```
#5c510c
```
#5c510c rgb(92,81,12)
```
#605308
```
#605308 rgb(96,83,8)
```
#645604
```
#645604 rgb(100,86,4)
```
#685900
```
#685900 rgb(104,89,0)
```

Tone Color Variation

Below, you can see how #504818 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

#454545 Achromatopsia 0.005% of the population
#47463c Atypical Achromatopsia 0.001% of the population

Dichromacy

#595123 Protanopia 1% of men
#634d25 Deuteranopia 1% of men
#5d4c52 Tritanopia 0.001% of the population

Trichromacy

#564d1f Protanomaly 1% of men, 0.01% of women
#5c4b20 Deuteranomaly 6% of men, 0.4% of women
#584b3d Tritanomaly 0.01% of the population

#504818 hex color

#504818 Color Information

#504818 Color Conversion

Color Schemes with #504818

Alternatives to #504818

#504818 Preview

Shades and Tints of #504818

Tones of #504818

Color Blindness Simulator