#5a5f22 hex color

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

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

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

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

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

CIE-LAB	38.679, -11.241, 33.323
XYZ	8.597, 10.474, 3.082
xyY	0.388, 0.473, 10.474
CIE-LCH	38.679, 35.168, 108.641
CIE-LUV	38.679, -0.639, 35.434
Hunter-Lab	32.363, -9.216, 17.008
Binary	01011010, 01011111, 00100010

#5a5f22
```
#5a5f22 rgb(90,95,34)
```
#27225f
```
#27225f rgb(39,34,95)
```

Complementary Color

#5f4622
```
#5f4622 rgb(95,70,34)
```
#5a5f22
```
#5a5f22 rgb(90,95,34)
```
#3c5f22
```
#3c5f22 rgb(60,95,34)
```

Analogous Color

#46225f
```
#46225f rgb(70,34,95)
```
#5a5f22
```
#5a5f22 rgb(90,95,34)
```
#223c5f
```
#223c5f rgb(34,60,95)
```

Split Complementary Color

#5f225a
```
#5f225a rgb(95,34,90)
```
#5a5f22
```
#5a5f22 rgb(90,95,34)
```
#225a5f
```
#225a5f rgb(34,90,95)
```

Triadic Color

#5f2722
```
#5f2722 rgb(95,39,34)
```
#5a5f22
```
#5a5f22 rgb(90,95,34)
```
#225a5f
```
#225a5f rgb(34,90,95)
```
#27225f
```
#27225f rgb(39,34,95)
```

Tetradic Color

#25270e
```
#25270e rgb(37,39,14)
```
#363915
```
#363915 rgb(54,57,21)
```
#484c1b
```
#484c1b rgb(72,76,27)
```
#5a5f22
```
#5a5f22 rgb(90,95,34)
```
#6c7229
```
#6c7229 rgb(108,114,41)
```
#7e852f
```
#7e852f rgb(126,133,47)
```
#8f9736
```
#8f9736 rgb(143,151,54)
```

Monochromatic Color

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

#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)
```
#4b5f22
```
#4b5f22 rgb(75,95,34)
```

Similar Colors

Text with hexadecimal color #5a5f22

This text has a font color of #5a5f22.

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

#5a5f22 background color

This paragraph has a background color of #5a5f22.

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

#5a5f22 border color

This element has a border color of #5a5f22.

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

CSS codes

.text {color:#5a5f22;}

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

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

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 #fcfdf9 is the lightest one.

#080803
```
#080803 rgb(8,8,3)
```
#161708
```
#161708 rgb(22,23,8)
```
#23250d
```
#23250d rgb(35,37,13)
```
#313412
```
#313412 rgb(49,52,18)
```
#3f4218
```
#3f4218 rgb(63,66,24)
```
#4c511d
```
#4c511d rgb(76,81,29)
```
#5a5f22
```
#5a5f22 rgb(90,95,34)
```
#686d27
```
#686d27 rgb(104,109,39)
```
#757c2c
```
#757c2c rgb(117,124,44)
```
#838a32
```
#838a32 rgb(131,138,50)
```
#919937
```
#919937 rgb(145,153,55)
```
#9ea73c
```
#9ea73c rgb(158,167,60)
```
#acb641
```
#acb641 rgb(172,182,65)
```

Shade Color Variation

#b5bf4c
```
#b5bf4c rgb(181,191,76)
```
#bbc45a
```
#bbc45a rgb(187,196,90)
```
#c1c968
```
#c1c968 rgb(193,201,104)
```
#c7ce77
```
#c7ce77 rgb(199,206,119)
```
#cdd385
```
#cdd385 rgb(205,211,133)
```
#d3d994
```
#d3d994 rgb(211,217,148)
```
#d9dea2
```
#d9dea2 rgb(217,222,162)
```
#dfe3b1
```
#dfe3b1 rgb(223,227,177)
```
#e5e8bf
```
#e5e8bf rgb(229,232,191)
```
#ebedce
```
#ebedce rgb(235,237,206)
```
#f1f2dc
```
#f1f2dc rgb(241,242,220)
```
#f7f8ea
```
#f7f8ea rgb(247,248,234)
```
#fcfdf9
```
#fcfdf9 rgb(252,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 #737d04 is the most saturated one.

#414140
```
#414140 rgb(65,65,64)
```
#45463b
```
#45463b rgb(69,70,59)
```
#494b36
```
#494b36 rgb(73,75,54)
```
#4e5031
```
#4e5031 rgb(78,80,49)
```
#52552c
```
#52552c rgb(82,85,44)
```
#565a27
```
#565a27 rgb(86,90,39)
```
#5a5f22
```
#5a5f22 rgb(90,95,34)
```
#5e641d
```
#5e641d rgb(94,100,29)
```
#626918
```
#626918 rgb(98,105,24)
```
#666e13
```
#666e13 rgb(102,110,19)
```
#6b730e
```
#6b730e rgb(107,115,14)
```
#6f7809
```
#6f7809 rgb(111,120,9)
```
#737d04
```
#737d04 rgb(115,125,4)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#58594c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e632c Protanopia 1% of men
#7a5f30 Deuteranopia 1% of men
#696168 Tritanopia 0.001% of the population

Trichromacy

#666228 Protanomaly 1% of men, 0.01% of women
#6e5f2b Deuteranomaly 6% of men, 0.4% of women
#63604e Tritanomaly 0.01% of the population

#5a5f22 hex color

#5a5f22 Color Information

#5a5f22 Color Conversion

Color Schemes with #5a5f22

Alternatives to #5a5f22

#5a5f22 Preview

Shades and Tints of #5a5f22

Tones of #5a5f22

Color Blindness Simulator