colorhexa.com

#5f5222 hex color

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

- R 37
- G 32
- B 13
RGB color chart
- C 0
- M 14
- Y 64
- K 63
CMYK color chart

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

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

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

CIE-LAB	35.169, -1.203, 29.562
XYZ	8.025, 8.583, 2.747
xyY	0.415, 0.443, 8.583
CIE-LCH	35.169, 29.587, 92.33
CIE-LUV	35.169, 10.756, 29.425
Hunter-Lab	29.297, -2.373, 14.948
Binary	01011111, 01010010, 00100010

#5f5222
```
#5f5222 rgb(95,82,34)
```
#222f5f
```
#222f5f rgb(34,47,95)
```

Complementary Color

#5f3422
```
#5f3422 rgb(95,52,34)
```
#5f5222
```
#5f5222 rgb(95,82,34)
```
#4d5f22
```
#4d5f22 rgb(77,95,34)
```

Analogous Color

#34225f
```
#34225f rgb(52,34,95)
```
#5f5222
```
#5f5222 rgb(95,82,34)
```
#224d5f
```
#224d5f rgb(34,77,95)
```

Split Complementary Color

#27210e
```
#27210e rgb(39,33,14)
```
#393215
```
#393215 rgb(57,50,21)
```
#4c421b
```
#4c421b rgb(76,66,27)
```
#5f5222
```
#5f5222 rgb(95,82,34)
```
#726229
```
#726229 rgb(114,98,41)
```
#85722f
```
#85722f rgb(133,114,47)
```
#978336
```
#978336 rgb(151,131,54)
```

Monochromatic Color

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

#5f4322
```
#5f4322 rgb(95,67,34)
```
#5f4822
```
#5f4822 rgb(95,72,34)
```
#5f4d22
```
#5f4d22 rgb(95,77,34)
```
#5f5222
```
#5f5222 rgb(95,82,34)
```
#5f5722
```
#5f5722 rgb(95,87,34)
```
#5f5c22
```
#5f5c22 rgb(95,92,34)
```
#5d5f22
```
#5d5f22 rgb(93,95,34)
```

Similar Colors

Text with hexadecimal color #5f5222

This text has a font color of #5f5222.

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

#5f5222 background color

This paragraph has a background color of #5f5222.

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

#5f5222 border color

This element has a border color of #5f5222.

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

CSS codes

.text {color:#5f5222;}

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

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

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

#080703
```
#080703 rgb(8,7,3)
```
#171408
```
#171408 rgb(23,20,8)
```
#25200d
```
#25200d rgb(37,32,13)
```
#342d12
```
#342d12 rgb(52,45,18)
```
#423918
```
#423918 rgb(66,57,24)
```
#51461d
```
#51461d rgb(81,70,29)
```
#5f5222
```
#5f5222 rgb(95,82,34)
```
#6d5e27
```
#6d5e27 rgb(109,94,39)
```
#7c6b2c
```
#7c6b2c rgb(124,107,44)
```
#8a7732
```
#8a7732 rgb(138,119,50)
```
#998437
```
#998437 rgb(153,132,55)
```
#a7903c
```
#a7903c rgb(167,144,60)
```
#b69d41
```
#b69d41 rgb(182,157,65)
```

Shade Color Variation

#bfa64c
```
#bfa64c rgb(191,166,76)
```
#c4ad5a
```
#c4ad5a rgb(196,173,90)
```
#c9b568
```
#c9b568 rgb(201,181,104)
```
#cebc77
```
#cebc77 rgb(206,188,119)
```
#d3c385
```
#d3c385 rgb(211,195,133)
```
#d9ca94
```
#d9ca94 rgb(217,202,148)
```
#ded1a2
```
#ded1a2 rgb(222,209,162)
```
#e3d8b1
```
#e3d8b1 rgb(227,216,177)
```
#e8dfbf
```
#e8dfbf rgb(232,223,191)
```
#ede7ce
```
#ede7ce rgb(237,231,206)
```
#f2eedc
```
#f2eedc rgb(242,238,220)
```
#f8f5ea
```
#f8f5ea rgb(248,245,234)
```
#fdfcf9
```
#fdfcf9 rgb(253,252,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 #7d6304 is the most saturated one.

#414140
```
#414140 rgb(65,65,64)
```
#46443b
```
#46443b rgb(70,68,59)
```
#4b4736
```
#4b4736 rgb(75,71,54)
```
#504931
```
#504931 rgb(80,73,49)
```
#554c2c
```
#554c2c rgb(85,76,44)
```
#5a4f27
```
#5a4f27 rgb(90,79,39)
```
#5f5222
```
#5f5222 rgb(95,82,34)
```
#64551d
```
#64551d rgb(100,85,29)
```
#695818
```
#695818 rgb(105,88,24)
```
#6e5b13
```
#6e5b13 rgb(110,91,19)
```
#735d0e
```
#735d0e rgb(115,93,14)
```
#786009
```
#786009 rgb(120,96,9)
```
#7d6304
```
#7d6304 rgb(125,99,4)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#535047 Atypical Achromatopsia 0.001% of the population

Dichromacy

#655b2d Protanopia 1% of men
#70572e Deuteranopia 1% of men
#6b555b Tritanopia 0.001% of the population

Trichromacy

#625829 Protanomaly 1% of men, 0.01% of women
#69552a Deuteranomaly 6% of men, 0.4% of women
#675446 Tritanomaly 0.01% of the population