#5a5622 hex color

In a RGB color space, hex #5a5622 is composed of 35.3% red, 33.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 62.2% yellow and 64.7% black. It has a hue angle of 55.7 degrees, a saturation of 45.2% and a lightness of 24.3%. #5a5622 color hex could be obtained by blending #b4ac44 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 35
- G 34
- B 13
RGB color chart
- C 0
- M 4
- Y 62
- K 65
CMYK color chart

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

The hexadecimal color #5a5622 has RGB values of R:90, G:86, B:34 and CMYK values of C:0, M:0.04, Y:0.62, K:0.65. Its decimal value is 5920290.

Hex triplet	5a5622	`#5a5622`
RGB Decimal	90, 86, 34	`rgb(90,86,34)`
RGB Percent	35.3, 33.7, 13.3	`rgb(35.3%,33.7%,13.3%)`
CMYK	0, 4, 62, 65
HSL	55.7°, 45.2, 24.3	`hsl(55.7,45.2%,24.3%)`
HSV (or HSB)	55.7°, 62.2, 35.3
Web Safe	666633	`#666633`

CIE-LAB	35.878, -6.025, 30.221
XYZ	7.833, 8.945, 2.827
xyY	0.4, 0.456, 8.945
CIE-LCH	35.878, 30.816, 101.275
CIE-LUV	35.878, 4.833, 31.071
Hunter-Lab	29.908, -5.59, 15.331
Binary	01011010, 01010110, 00100010

#5a5622
```
#5a5622 rgb(90,86,34)
```
#22265a
```
#22265a rgb(34,38,90)
```

Complementary Color

#5a3a22
```
#5a3a22 rgb(90,58,34)
```
#5a5622
```
#5a5622 rgb(90,86,34)
```
#425a22
```
#425a22 rgb(66,90,34)
```

Analogous Color

#3a225a
```
#3a225a rgb(58,34,90)
```
#5a5622
```
#5a5622 rgb(90,86,34)
```
#22425a
```
#22425a rgb(34,66,90)
```

Split Complementary Color

#56225a
```
#56225a rgb(86,34,90)
```
#5a5622
```
#5a5622 rgb(90,86,34)
```
#225a56
```
#225a56 rgb(34,90,86)
```

Triadic Color

#5a2226
```
#5a2226 rgb(90,34,38)
```
#5a5622
```
#5a5622 rgb(90,86,34)
```
#225a56
```
#225a56 rgb(34,90,86)
```
#22265a
```
#22265a rgb(34,38,90)
```

Tetradic Color

#22210d
```
#22210d rgb(34,33,13)
```
#353314
```
#353314 rgb(53,51,20)
```
#47441b
```
#47441b rgb(71,68,27)
```
#5a5622
```
#5a5622 rgb(90,86,34)
```
#6d6829
```
#6d6829 rgb(109,104,41)
```
#7f7930
```
#7f7930 rgb(127,121,48)
```
#928b37
```
#928b37 rgb(146,139,55)
```

Monochromatic Color

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

#5a4822
```
#5a4822 rgb(90,72,34)
```
#5a4d22
```
#5a4d22 rgb(90,77,34)
```
#5a5122
```
#5a5122 rgb(90,81,34)
```
#5a5622
```
#5a5622 rgb(90,86,34)
```
#595a22
```
#595a22 rgb(89,90,34)
```
#555a22
```
#555a22 rgb(85,90,34)
```
#505a22
```
#505a22 rgb(80,90,34)
```

Similar Colors

Text with hexadecimal color #5a5622

This text has a font color of #5a5622.

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

#5a5622 background color

This paragraph has a background color of #5a5622.

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

#5a5622 border color

This element has a border color of #5a5622.

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

CSS codes

.text {color:#5a5622;}

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

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

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

#050402
```
#050402 rgb(5,4,2)
```
#131207
```
#131207 rgb(19,18,7)
```
#21200c
```
#21200c rgb(33,32,12)
```
#2f2d12
```
#2f2d12 rgb(47,45,18)
```
#3e3b17
```
#3e3b17 rgb(62,59,23)
```
#4c481d
```
#4c481d rgb(76,72,29)
```
#5a5622
```
#5a5622 rgb(90,86,34)
```
#686427
```
#686427 rgb(104,100,39)
```
#76712d
```
#76712d rgb(118,113,45)
```
#857f32
```
#857f32 rgb(133,127,50)
```
#938c38
```
#938c38 rgb(147,140,56)
```
#a19a3d
```
#a19a3d rgb(161,154,61)
```
#afa842
```
#afa842 rgb(175,168,66)
```

Shade Color Variation

#bbb34a
```
#bbb34a rgb(187,179,74)
```
#c0b959
```
#c0b959 rgb(192,185,89)
```
#c6bf67
```
#c6bf67 rgb(198,191,103)
```
#cbc575
```
#cbc575 rgb(203,197,117)
```
#d0cb83
```
#d0cb83 rgb(208,203,131)
```
#d6d192
```
#d6d192 rgb(214,209,146)
```
#dbd7a0
```
#dbd7a0 rgb(219,215,160)
```
#e0ddae
```
#e0ddae rgb(224,221,174)
```
#e6e3bc
```
#e6e3bc rgb(230,227,188)
```
#ebe9cb
```
#ebe9cb rgb(235,233,203)
```
#f1efd9
```
#f1efd9 rgb(241,239,217)
```
#f6f5e7
```
#f6f5e7 rgb(246,245,231)
```
#fbfbf5
```
#fbfbf5 rgb(251,251,245)
```

Tint Color Variation

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

#42423a
```
#42423a rgb(66,66,58)
```
#474635
```
#474635 rgb(71,70,53)
```
#4c4a30
```
#4c4a30 rgb(76,74,48)
```
#504e2c
```
#504e2c rgb(80,78,44)
```
#555227
```
#555227 rgb(85,82,39)
```
#5a5622
```
#5a5622 rgb(90,86,34)
```
#5f5a1d
```
#5f5a1d rgb(95,90,29)
```
#645e18
```
#645e18 rgb(100,94,24)
```
#686214
```
#686214 rgb(104,98,20)
```
#6d660f
```
#6d660f rgb(109,102,15)
```
#726a0a
```
#726a0a rgb(114,106,10)
```
#776f05
```
#776f05 rgb(119,111,5)
```
#7b7301
```
#7b7301 rgb(123,115,1)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#535248 Atypical Achromatopsia 0.001% of the population

Dichromacy

#675d2d Protanopia 1% of men
#72592f Deuteranopia 1% of men
#67595f Tritanopia 0.001% of the population

Trichromacy

#625a29 Protanomaly 1% of men, 0.01% of women
#69572a Deuteranomaly 6% of men, 0.4% of women
#625849 Tritanomaly 0.01% of the population

#5a5622 hex color

#5a5622 Color Information

#5a5622 Color Conversion

Color Schemes with #5a5622

Alternatives to #5a5622

#5a5622 Preview

Shades and Tints of #5a5622

Tones of #5a5622

Color Blindness Simulator