#5f5523 hex color

In a RGB color space, hex #5f5523 is composed of 37.3% red, 33.3% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.5% magenta, 63.2% yellow and 62.7% black. It has a hue angle of 50 degrees, a saturation of 46.2% and a lightness of 25.5%. #5f5523 color hex could be obtained by blending #beaa46 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 37
- G 33
- B 14
RGB color chart
- C 0
- M 11
- Y 63
- K 63
CMYK color chart

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

The hexadecimal color #5f5523 has RGB values of R:95, G:85, B:35 and CMYK values of C:0, M:0.11, Y:0.63, K:0.63. Its decimal value is 6247715.

Hex triplet	5f5523	`#5f5523`
RGB Decimal	95, 85, 35	`rgb(95,85,35)`
RGB Percent	37.3, 33.3, 13.7	`rgb(37.3%,33.3%,13.7%)`
CMYK	0, 11, 63, 63
HSL	50°, 46.2, 25.5	`hsl(50,46.2%,25.5%)`
HSV (or HSB)	50°, 63.2, 37.3
Web Safe	666633	`#666633`

CIE-LAB	36.083, -2.925, 30.061
XYZ	8.271, 9.051, 2.901
xyY	0.409, 0.448, 9.051
CIE-LCH	36.083, 30.203, 95.558
CIE-LUV	36.083, 8.799, 30.482
Hunter-Lab	30.086, -3.576, 15.342
Binary	01011111, 01010101, 00100011

#5f5523
```
#5f5523 rgb(95,85,35)
```
#232d5f
```
#232d5f rgb(35,45,95)
```

Complementary Color

#5f3723
```
#5f3723 rgb(95,55,35)
```
#5f5523
```
#5f5523 rgb(95,85,35)
```
#4b5f23
```
#4b5f23 rgb(75,95,35)
```

Analogous Color

#37235f
```
#37235f rgb(55,35,95)
```
#5f5523
```
#5f5523 rgb(95,85,35)
```
#234b5f
```
#234b5f rgb(35,75,95)
```

Split Complementary Color

#55235f
```
#55235f rgb(85,35,95)
```
#5f5523
```
#5f5523 rgb(95,85,35)
```
#235f55
```
#235f55 rgb(35,95,85)
```

Triadic Color

#5f232d
```
#5f232d rgb(95,35,45)
```
#5f5523
```
#5f5523 rgb(95,85,35)
```
#235f55
```
#235f55 rgb(35,95,85)
```
#232d5f
```
#232d5f rgb(35,45,95)
```

Tetradic Color

#27230e
```
#27230e rgb(39,35,14)
```
#3a3415
```
#3a3415 rgb(58,52,21)
```
#4c441c
```
#4c441c rgb(76,68,28)
```
#5f5523
```
#5f5523 rgb(95,85,35)
```
#72662a
```
#72662a rgb(114,102,42)
```
#847631
```
#847631 rgb(132,118,49)
```
#978738
```
#978738 rgb(151,135,56)
```

Monochromatic Color

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

#5f4623
```
#5f4623 rgb(95,70,35)
```
#5f4b23
```
#5f4b23 rgb(95,75,35)
```
#5f5023
```
#5f5023 rgb(95,80,35)
```
#5f5523
```
#5f5523 rgb(95,85,35)
```
#5f5a23
```
#5f5a23 rgb(95,90,35)
```
#5f5f23
```
#5f5f23 rgb(95,95,35)
```
#5a5f23
```
#5a5f23 rgb(90,95,35)
```

Similar Colors

Text with hexadecimal color #5f5523

This text has a font color of #5f5523.

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

#5f5523 background color

This paragraph has a background color of #5f5523.

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

#5f5523 border color

This element has a border color of #5f5523.

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

CSS codes

.text {color:#5f5523;}

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

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

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

#090803
```
#090803 rgb(9,8,3)
```
#171509
```
#171509 rgb(23,21,9)
```
#26220e
```
#26220e rgb(38,34,14)
```
#342f13
```
#342f13 rgb(52,47,19)
```
#423b18
```
#423b18 rgb(66,59,24)
```
#51481e
```
#51481e rgb(81,72,30)
```
#5f5523
```
#5f5523 rgb(95,85,35)
```
#6d6228
```
#6d6228 rgb(109,98,40)
```
#7c6f2e
```
#7c6f2e rgb(124,111,46)
```
#8a7b33
```
#8a7b33 rgb(138,123,51)
```
#988838
```
#988838 rgb(152,136,56)
```
#a7953d
```
#a7953d rgb(167,149,61)
```
#b5a243
```
#b5a243 rgb(181,162,67)
```

Shade Color Variation

#beab4e
```
#beab4e rgb(190,171,78)
```
#c3b25c
```
#c3b25c rgb(195,178,92)
```
#c8b96a
```
#c8b96a rgb(200,185,106)
```
#cebf79
```
#cebf79 rgb(206,191,121)
```
#d3c687
```
#d3c687 rgb(211,198,135)
```
#d8cd95
```
#d8cd95 rgb(216,205,149)
```
#ddd4a4
```
#ddd4a4 rgb(221,212,164)
```
#e3dbb2
```
#e3dbb2 rgb(227,219,178)
```
#e8e1c0
```
#e8e1c0 rgb(232,225,192)
```
#ede8cf
```
#ede8cf rgb(237,232,207)
```
#f2efdd
```
#f2efdd rgb(242,239,221)
```
#f8f6eb
```
#f8f6eb rgb(248,246,235)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#46443c
```
#46443c rgb(70,68,60)
```
#4b4837
```
#4b4837 rgb(75,72,55)
```
#504b32
```
#504b32 rgb(80,75,50)
```
#554e2d
```
#554e2d rgb(85,78,45)
```
#5a5228
```
#5a5228 rgb(90,82,40)
```
#5f5523
```
#5f5523 rgb(95,85,35)
```
#64581e
```
#64581e rgb(100,88,30)
```
#695c19
```
#695c19 rgb(105,92,25)
```
#6e5f14
```
#6e5f14 rgb(110,95,20)
```
#73620f
```
#73620f rgb(115,98,15)
```
#78660a
```
#78660a rgb(120,102,10)
```
#7d6905
```
#7d6905 rgb(125,105,5)
```
#826c00
```
#826c00 rgb(130,108,0)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#555349 Atypical Achromatopsia 0.001% of the population

Dichromacy

#675d2e Protanopia 1% of men
#72592f Deuteranopia 1% of men
#6c585e Tritanopia 0.001% of the population

Trichromacy

#645a2a Protanomaly 1% of men, 0.01% of women
#6b572b Deuteranomaly 6% of men, 0.4% of women
#675749 Tritanomaly 0.01% of the population

#5f5523 hex color

#5f5523 Color Information

#5f5523 Color Conversion

Color Schemes with #5f5523

Alternatives to #5f5523

#5f5523 Preview

Shades and Tints of #5f5523

Tones of #5f5523

Color Blindness Simulator