#5f5018 hex color

In a RGB color space, hex #5f5018 is composed of 37.3% red, 31.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.8% magenta, 74.7% yellow and 62.7% black. It has a hue angle of 47.3 degrees, a saturation of 59.7% and a lightness of 23.3%. #5f5018 color hex could be obtained by blending #bea030 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 37
- G 31
- B 9
RGB color chart
- C 0
- M 16
- Y 75
- K 63
CMYK color chart

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

The hexadecimal color #5f5018 has RGB values of R:95, G:80, B:24 and CMYK values of C:0, M:0.16, Y:0.75, K:0.63. Its decimal value is 6246424.

Hex triplet	5f5018	`#5f5018`
RGB Decimal	95, 80, 24	`rgb(95,80,24)`
RGB Percent	37.3, 31.4, 9.4	`rgb(37.3%,31.4%,9.4%)`
CMYK	0, 16, 75, 63
HSL	47.3°, 59.7, 23.3	`hsl(47.3,59.7%,23.3%)`
HSV (or HSB)	47.3°, 74.7, 37.3
Web Safe	666600	`#666600`

CIE-LAB	34.471, -0.702, 33.851
XYZ	7.753, 8.236, 2.046
xyY	0.43, 0.457, 8.236
CIE-LCH	34.471, 33.858, 91.189
CIE-LUV	34.471, 12.459, 31.828
Hunter-Lab	28.699, -2.003, 15.864
Binary	01011111, 01010000, 00011000

#5f5018
```
#5f5018 rgb(95,80,24)
```
#18275f
```
#18275f rgb(24,39,95)
```

Complementary Color

#5f2d18
```
#5f2d18 rgb(95,45,24)
```
#5f5018
```
#5f5018 rgb(95,80,24)
```
#4b5f18
```
#4b5f18 rgb(75,95,24)
```

Analogous Color

#2d185f
```
#2d185f rgb(45,24,95)
```
#5f5018
```
#5f5018 rgb(95,80,24)
```
#184b5f
```
#184b5f rgb(24,75,95)
```

Split Complementary Color

#50185f
```
#50185f rgb(80,24,95)
```
#5f5018
```
#5f5018 rgb(95,80,24)
```
#185f50
```
#185f50 rgb(24,95,80)
```

Triadic Color

#5f1827
```
#5f1827 rgb(95,24,39)
```
#5f5018
```
#5f5018 rgb(95,80,24)
```
#185f50
```
#185f50 rgb(24,95,80)
```
#18275f
```
#18275f rgb(24,39,95)
```

Tetradic Color

#221d09
```
#221d09 rgb(34,29,9)
```
#362e0e
```
#362e0e rgb(54,46,14)
```
#4b3f13
```
#4b3f13 rgb(75,63,19)
```
#5f5018
```
#5f5018 rgb(95,80,24)
```
#73611d
```
#73611d rgb(115,97,29)
```
#887222
```
#887222 rgb(136,114,34)
```
#9c8327
```
#9c8327 rgb(156,131,39)
```

Monochromatic Color

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

#5f3e18
```
#5f3e18 rgb(95,62,24)
```
#5f4418
```
#5f4418 rgb(95,68,24)
```
#5f4a18
```
#5f4a18 rgb(95,74,24)
```
#5f5018
```
#5f5018 rgb(95,80,24)
```
#5f5618
```
#5f5618 rgb(95,86,24)
```
#5f5c18
```
#5f5c18 rgb(95,92,24)
```
#5c5f18
```
#5c5f18 rgb(92,95,24)
```

Similar Colors

Text with hexadecimal color #5f5018

This text has a font color of #5f5018.

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

#5f5018 background color

This paragraph has a background color of #5f5018.

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

#5f5018 border color

This element has a border color of #5f5018.

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

CSS codes

.text {color:#5f5018;}

.background {background-color:#5f5018;}

.border {border:1px solid #5f5018;}

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

#010100
```
#010100 rgb(1,1,0)
```
#110e04
```
#110e04 rgb(17,14,4)
```
#201b08
```
#201b08 rgb(32,27,8)
```
#30280c
```
#30280c rgb(48,40,12)
```
#403610
```
#403610 rgb(64,54,16)
```
#4f4314
```
#4f4314 rgb(79,67,20)
```
#5f5018
```
#5f5018 rgb(95,80,24)
```
#6f5d1c
```
#6f5d1c rgb(111,93,28)
```
#7e6a20
```
#7e6a20 rgb(126,106,32)
```
#8e7824
```
#8e7824 rgb(142,120,36)
```
#9e8528
```
#9e8528 rgb(158,133,40)
```
#ad922c
```
#ad922c rgb(173,146,44)
```
#bd9f30
```
#bd9f30 rgb(189,159,48)
```

Shade Color Variation

#ccac34
```
#ccac34 rgb(204,172,52)
```
#d0b244
```
#d0b244 rgb(208,178,68)
```
#d4b954
```
#d4b954 rgb(212,185,84)
```
#d8bf63
```
#d8bf63 rgb(216,191,99)
```
#dcc673
```
#dcc673 rgb(220,198,115)
```
#e0cc83
```
#e0cc83 rgb(224,204,131)
```
#e4d292
```
#e4d292 rgb(228,210,146)
```
#e8d9a2
```
#e8d9a2 rgb(232,217,162)
```
#ebdfb2
```
#ebdfb2 rgb(235,223,178)
```
#efe6c1
```
#efe6c1 rgb(239,230,193)
```
#f3ecd1
```
#f3ecd1 rgb(243,236,209)
```
#f7f3e1
```
#f7f3e1 rgb(247,243,225)
```
#fbf9f0
```
#fbf9f0 rgb(251,249,240)
```

Tint Color Variation

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

#3f3d38
```
#3f3d38 rgb(63,61,56)
```
#444033
```
#444033 rgb(68,64,51)
```
#48432f
```
#48432f rgb(72,67,47)
```
#4d452a
```
#4d452a rgb(77,69,42)
```
#514826
```
#514826 rgb(81,72,38)
```
#564b21
```
#564b21 rgb(86,75,33)
```
#5a4d1d
```
#5a4d1d rgb(90,77,29)
```
#5f5018
```
#5f5018 rgb(95,80,24)
```
#645313
```
#645313 rgb(100,83,19)
```
#68550f
```
#68550f rgb(104,85,15)
```
#6d580a
```
#6d580a rgb(109,88,10)
```
#715b06
```
#715b06 rgb(113,91,6)
```
#765d01
```
#765d01 rgb(118,93,1)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#514e43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645a24 Protanopia 1% of men
#6f5525 Deuteranopia 1% of men
#6b5359 Tritanopia 0.001% of the population

Trichromacy

#62561f Protanomaly 1% of men, 0.01% of women
#695320 Deuteranomaly 6% of men, 0.4% of women
#675241 Tritanomaly 0.01% of the population

#5f5018 hex color

#5f5018 Color Information

#5f5018 Color Conversion

Color Schemes with #5f5018

Alternatives to #5f5018

#5f5018 Preview

Shades and Tints of #5f5018

Tones of #5f5018

Color Blindness Simulator