#5f5f22 hex color

In a RGB color space, hex #5f5f22 is composed of 37.3% red, 37.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 64.2% yellow and 62.7% black. It has a hue angle of 60 degrees, a saturation of 47.3% and a lightness of 25.3%. #5f5f22 color hex could be obtained by blending #bebe44 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 37
- G 37
- B 13
RGB color chart
- C 0
- M 0
- Y 64
- K 63
CMYK color chart

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

The hexadecimal color #5f5f22 has RGB values of R:95, G:95, B:34 and CMYK values of C:0, M:0, Y:0.64, K:0.63. Its decimal value is 6250274.

Hex triplet	5f5f22	`#5f5f22`
RGB Decimal	95, 95, 34	`rgb(95,95,34)`
RGB Percent	37.3, 37.3, 13.3	`rgb(37.3%,37.3%,13.3%)`
CMYK	0, 0, 64, 63
HSL	60°, 47.3, 25.3	`hsl(60,47.3%,25.3%)`
HSV (or HSB)	60°, 64.2, 37.3
Web Safe	666633	`#666633`

CIE-LAB	39.127, -8.877, 33.94
XYZ	9.1, 10.733, 3.106
xyY	0.397, 0.468, 10.733
CIE-LCH	39.127, 35.081, 104.657
CIE-LUV	39.127, 2.569, 35.642
Hunter-Lab	32.761, -7.749, 17.312
Binary	01011111, 01011111, 00100010

#5f5f22
```
#5f5f22 rgb(95,95,34)
```
#22225f
```
#22225f rgb(34,34,95)
```

Complementary Color

#5f4122
```
#5f4122 rgb(95,65,34)
```
#5f5f22
```
#5f5f22 rgb(95,95,34)
```
#415f22
```
#415f22 rgb(65,95,34)
```

Analogous Color

#41225f
```
#41225f rgb(65,34,95)
```
#5f5f22
```
#5f5f22 rgb(95,95,34)
```
#22415f
```
#22415f rgb(34,65,95)
```

Split Complementary Color

#5f225f
```
#5f225f rgb(95,34,95)
```
#5f5f22
```
#5f5f22 rgb(95,95,34)
```
#225f5f
```
#225f5f rgb(34,95,95)
```

Triadic Color

#5f2222
```
#5f2222 rgb(95,34,34)
```
#5f5f22
```
#5f5f22 rgb(95,95,34)
```
#225f5f
```
#225f5f rgb(34,95,95)
```
#22225f
```
#22225f rgb(34,34,95)
```

Tetradic Color

#27270e
```
#27270e rgb(39,39,14)
```
#393915
```
#393915 rgb(57,57,21)
```
#4c4c1b
```
#4c4c1b rgb(76,76,27)
```
#5f5f22
```
#5f5f22 rgb(95,95,34)
```
#727229
```
#727229 rgb(114,114,41)
```
#85852f
```
#85852f rgb(133,133,47)
```
#979736
```
#979736 rgb(151,151,54)
```

Monochromatic Color

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

#5f5022
```
#5f5022 rgb(95,80,34)
```
#5f5522
```
#5f5522 rgb(95,85,34)
```
#5f5a22
```
#5f5a22 rgb(95,90,34)
```
#5f5f22
```
#5f5f22 rgb(95,95,34)
```
#5a5f22
```
#5a5f22 rgb(90,95,34)
```
#555f22
```
#555f22 rgb(85,95,34)
```
#505f22
```
#505f22 rgb(80,95,34)
```

Similar Colors

Text with hexadecimal color #5f5f22

This text has a font color of #5f5f22.

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

#5f5f22 background color

This paragraph has a background color of #5f5f22.

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

#5f5f22 border color

This element has a border color of #5f5f22.

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

CSS codes

.text {color:#5f5f22;}

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

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

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

#080803
```
#080803 rgb(8,8,3)
```
#171708
```
#171708 rgb(23,23,8)
```
#25250d
```
#25250d rgb(37,37,13)
```
#343412
```
#343412 rgb(52,52,18)
```
#424218
```
#424218 rgb(66,66,24)
```
#51511d
```
#51511d rgb(81,81,29)
```
#5f5f22
```
#5f5f22 rgb(95,95,34)
```
#6d6d27
```
#6d6d27 rgb(109,109,39)
```
#7c7c2c
```
#7c7c2c rgb(124,124,44)
```
#8a8a32
```
#8a8a32 rgb(138,138,50)
```
#999937
```
#999937 rgb(153,153,55)
```
#a7a73c
```
#a7a73c rgb(167,167,60)
```
#b6b641
```
#b6b641 rgb(182,182,65)
```

Shade Color Variation

#bfbf4c
```
#bfbf4c rgb(191,191,76)
```
#c4c45a
```
#c4c45a rgb(196,196,90)
```
#c9c968
```
#c9c968 rgb(201,201,104)
```
#cece77
```
#cece77 rgb(206,206,119)
```
#d3d385
```
#d3d385 rgb(211,211,133)
```
#d9d994
```
#d9d994 rgb(217,217,148)
```
#dedea2
```
#dedea2 rgb(222,222,162)
```
#e3e3b1
```
#e3e3b1 rgb(227,227,177)
```
#e8e8bf
```
#e8e8bf rgb(232,232,191)
```
#ededce
```
#ededce rgb(237,237,206)
```
#f2f2dc
```
#f2f2dc rgb(242,242,220)
```
#f8f8ea
```
#f8f8ea rgb(248,248,234)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#414140
```
#414140 rgb(65,65,64)
```
#46463b
```
#46463b rgb(70,70,59)
```
#4b4b36
```
#4b4b36 rgb(75,75,54)
```
#505031
```
#505031 rgb(80,80,49)
```
#55552c
```
#55552c rgb(85,85,44)
```
#5a5a27
```
#5a5a27 rgb(90,90,39)
```
#5f5f22
```
#5f5f22 rgb(95,95,34)
```
#64641d
```
#64641d rgb(100,100,29)
```
#696918
```
#696918 rgb(105,105,24)
```
#6e6e13
```
#6e6e13 rgb(110,110,19)
```
#73730e
```
#73730e rgb(115,115,14)
```
#787809
```
#787809 rgb(120,120,9)
```
#7d7d04
```
#7d7d04 rgb(125,125,4)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#59594d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f642c Protanopia 1% of men
#7b6030 Deuteranopia 1% of men
#6d6168 Tritanopia 0.001% of the population

Trichromacy

#696228 Protanomaly 1% of men, 0.01% of women
#715f2b Deuteranomaly 6% of men, 0.4% of women
#68604e Tritanomaly 0.01% of the population

#5f5f22 hex color

#5f5f22 Color Information

#5f5f22 Color Conversion

Color Schemes with #5f5f22

Alternatives to #5f5f22

#5f5f22 Preview

Shades and Tints of #5f5f22

Tones of #5f5f22

Color Blindness Simulator