#504618 hex color

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

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

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

The hexadecimal color #504618 has RGB values of R:80, G:70, B:24 and CMYK values of C:0, M:0.13, Y:0.7, K:0.69. Its decimal value is 5260824.

Hex triplet	504618	`#504618`
RGB Decimal	80, 70, 24	`rgb(80,70,24)`
RGB Percent	31.4, 27.5, 9.4	`rgb(31.4%,27.5%,9.4%)`
CMYK	0, 13, 70, 69
HSL	49.3°, 53.8, 20.4	`hsl(49.3,53.8%,20.4%)`
HSV (or HSB)	49.3°, 70, 31.4
Web Safe	663300	`#663300`

CIE-LAB	29.793, -2.091, 28.449
XYZ	5.663, 6.152, 1.753
xyY	0.417, 0.453, 6.152
CIE-LCH	29.793, 28.526, 94.204
CIE-LUV	29.793, 8.391, 26.398
Hunter-Lab	24.803, -2.648, 13.171
Binary	01010000, 01000110, 00011000

#504618
```
#504618 rgb(80,70,24)
```
#182250
```
#182250 rgb(24,34,80)
```

Complementary Color

#502a18
```
#502a18 rgb(80,42,24)
```
#504618
```
#504618 rgb(80,70,24)
```
#3e5018
```
#3e5018 rgb(62,80,24)
```

Analogous Color

#2a1850
```
#2a1850 rgb(42,24,80)
```
#504618
```
#504618 rgb(80,70,24)
```
#183e50
```
#183e50 rgb(24,62,80)
```

Split Complementary Color

#461850
```
#461850 rgb(70,24,80)
```
#504618
```
#504618 rgb(80,70,24)
```
#185046
```
#185046 rgb(24,80,70)
```

Triadic Color

#501822
```
#501822 rgb(80,24,34)
```
#504618
```
#504618 rgb(80,70,24)
```
#185046
```
#185046 rgb(24,80,70)
```
#182250
```
#182250 rgb(24,34,80)
```

Tetradic Color

#151306
```
#151306 rgb(21,19,6)
```
#29240c
```
#29240c rgb(41,36,12)
```
#3c3512
```
#3c3512 rgb(60,53,18)
```
#504618
```
#504618 rgb(80,70,24)
```
#64571e
```
#64571e rgb(100,87,30)
```
#776824
```
#776824 rgb(119,104,36)
```
#8b792a
```
#8b792a rgb(139,121,42)
```

Monochromatic Color

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

#503818
```
#503818 rgb(80,56,24)
```
#503d18
```
#503d18 rgb(80,61,24)
```
#504118
```
#504118 rgb(80,65,24)
```
#504618
```
#504618 rgb(80,70,24)
```
#504b18
```
#504b18 rgb(80,75,24)
```
#504f18
```
#504f18 rgb(80,79,24)
```
#4c5018
```
#4c5018 rgb(76,80,24)
```

Similar Colors

Text with hexadecimal color #504618

This text has a font color of #504618.

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

#504618 background color

This paragraph has a background color of #504618.

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

#504618 border color

This element has a border color of #504618.

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

CSS codes

.text {color:#504618;}

.background {background-color:#504618;}

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

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)
```
#141106
```
#141106 rgb(20,17,6)
```
#231e0a
```
#231e0a rgb(35,30,10)
```
#322c0f
```
#322c0f rgb(50,44,15)
```
#413913
```
#413913 rgb(65,57,19)
```
#504618
```
#504618 rgb(80,70,24)
```
#5f531d
```
#5f531d rgb(95,83,29)
```
#6e6021
```
#6e6021 rgb(110,96,33)
```
#7d6e26
```
#7d6e26 rgb(125,110,38)
```
#8c7b2a
```
#8c7b2a rgb(140,123,42)
```
#9b882f
```
#9b882f rgb(155,136,47)
```
#ab9533
```
#ab9533 rgb(171,149,51)
```
#baa238
```
#baa238 rgb(186,162,56)
```

Shade Color Variation

#c6ae3f
```
#c6ae3f rgb(198,174,63)
```
#cab44e
```
#cab44e rgb(202,180,78)
```
#cfba5e
```
#cfba5e rgb(207,186,94)
```
#d3c16d
```
#d3c16d rgb(211,193,109)
```
#d8c77c
```
#d8c77c rgb(216,199,124)
```
#dcce8b
```
#dcce8b rgb(220,206,139)
```
#e1d49a
```
#e1d49a rgb(225,212,154)
```
#e5daa9
```
#e5daa9 rgb(229,218,169)
```
#eae1b8
```
#eae1b8 rgb(234,225,184)
```
#eee7c7
```
#eee7c7 rgb(238,231,199)
```
#f3eed6
```
#f3eed6 rgb(243,238,214)
```
#f7f4e5
```
#f7f4e5 rgb(247,244,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 #685500 is the most saturated one.

#383730
```
#383730 rgb(56,55,48)
```
#3c392c
```
#3c392c rgb(60,57,44)
```
#403c28
```
#403c28 rgb(64,60,40)
```
#443e24
```
#443e24 rgb(68,62,36)
```
#484120
```
#484120 rgb(72,65,32)
```
#4c431c
```
#4c431c rgb(76,67,28)
```
#504618
```
#504618 rgb(80,70,24)
```
#544914
```
#544914 rgb(84,73,20)
```
#584b10
```
#584b10 rgb(88,75,16)
```
#5c4e0c
```
#5c4e0c rgb(92,78,12)
```
#605008
```
#605008 rgb(96,80,8)
```
#645304
```
#645304 rgb(100,83,4)
```
#685500
```
#685500 rgb(104,85,0)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#46443b Atypical Achromatopsia 0.001% of the population

Dichromacy

#584f24 Protanopia 1% of men
#624c25 Deuteranopia 1% of men
#5d4b50 Tritanopia 0.001% of the population

Trichromacy

#554c1f Protanomaly 1% of men, 0.01% of women
#5b4920 Deuteranomaly 6% of men, 0.4% of women
#58493b Tritanomaly 0.01% of the population

#504618 hex color

#504618 Color Information

#504618 Color Conversion

Color Schemes with #504618

Alternatives to #504618

#504618 Preview

Shades and Tints of #504618

Tones of #504618

Color Blindness Simulator