#5a6622 hex color

In a RGB color space, hex #5a6622 is composed of 35.3% red, 40% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 66.7% yellow and 60% black. It has a hue angle of 70.6 degrees, a saturation of 50% and a lightness of 26.7%. #5a6622 color hex could be obtained by blending #b4cc44 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 35
- G 40
- B 13
RGB color chart
- C 12
- M 0
- Y 67
- K 60
CMYK color chart

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

The hexadecimal color #5a6622 has RGB values of R:90, G:102, B:34 and CMYK values of C:0.12, M:0, Y:0.67, K:0.6. Its decimal value is 5924386.

Hex triplet	5a6622	`#5a6622`
RGB Decimal	90, 102, 34	`rgb(90,102,34)`
RGB Percent	35.3, 40, 13.3	`rgb(35.3%,40%,13.3%)`
CMYK	12, 0, 67, 60
HSL	70.6°, 50, 26.7	`hsl(70.6,50%,26.7%)`
HSV (or HSB)	70.6°, 66.7, 40
Web Safe	666633	`#666633`

CIE-LAB	40.883, -15.146, 35.708
XYZ	9.256, 11.792, 3.302
xyY	0.38, 0.484, 11.792
CIE-LCH	40.883, 38.787, 112.985
CIE-LUV	40.883, -4.768, 38.808
Hunter-Lab	34.339, -11.978, 18.337
Binary	01011010, 01100110, 00100010

#5a6622
```
#5a6622 rgb(90,102,34)
```
#2e2266
```
#2e2266 rgb(46,34,102)
```

Complementary Color

#665022
```
#665022 rgb(102,80,34)
```
#5a6622
```
#5a6622 rgb(90,102,34)
```
#386622
```
#386622 rgb(56,102,34)
```

Analogous Color

#502266
```
#502266 rgb(80,34,102)
```
#5a6622
```
#5a6622 rgb(90,102,34)
```
#223866
```
#223866 rgb(34,56,102)
```

Split Complementary Color

#66225a
```
#66225a rgb(102,34,90)
```
#5a6622
```
#5a6622 rgb(90,102,34)
```
#225a66
```
#225a66 rgb(34,90,102)
```

Triadic Color

#662e22
```
#662e22 rgb(102,46,34)
```
#5a6622
```
#5a6622 rgb(90,102,34)
```
#225a66
```
#225a66 rgb(34,90,102)
```
#2e2266
```
#2e2266 rgb(46,34,102)
```

Tetradic Color

#272d0f
```
#272d0f rgb(39,45,15)
```
#384015
```
#384015 rgb(56,64,21)
```
#49531c
```
#49531c rgb(73,83,28)
```
#5a6622
```
#5a6622 rgb(90,102,34)
```
#6b7928
```
#6b7928 rgb(107,121,40)
```
#7c8c2f
```
#7c8c2f rgb(124,140,47)
```
#8d9f35
```
#8d9f35 rgb(141,159,53)
```

Monochromatic Color

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

#666122
```
#666122 rgb(102,97,34)
```
#656622
```
#656622 rgb(101,102,34)
```
#606622
```
#606622 rgb(96,102,34)
```
#5a6622
```
#5a6622 rgb(90,102,34)
```
#546622
```
#546622 rgb(84,102,34)
```
#4f6622
```
#4f6622 rgb(79,102,34)
```
#496622
```
#496622 rgb(73,102,34)
```

Similar Colors

Text with hexadecimal color #5a6622

This text has a font color of #5a6622.

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

#5a6622 background color

This paragraph has a background color of #5a6622.

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

#5a6622 border color

This element has a border color of #5a6622.

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

CSS codes

.text {color:#5a6622;}

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

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

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, #0c0e05 is the darkest color, while #fffffe is the lightest one.

#0c0e05
```
#0c0e05 rgb(12,14,5)
```
#191c09
```
#191c09 rgb(25,28,9)
```
#262b0e
```
#262b0e rgb(38,43,14)
```
#333a13
```
#333a13 rgb(51,58,19)
```
#404918
```
#404918 rgb(64,73,24)
```
#4d571d
```
#4d571d rgb(77,87,29)
```
#5a6622
```
#5a6622 rgb(90,102,34)
```
#677527
```
#677527 rgb(103,117,39)
```
#74832c
```
#74832c rgb(116,131,44)
```
#819231
```
#819231 rgb(129,146,49)
```
#8ea136
```
#8ea136 rgb(142,161,54)
```
#9bb03b
```
#9bb03b rgb(155,176,59)
```
#a8be3f
```
#a8be3f rgb(168,190,63)
```

Shade Color Variation

#afc44d
```
#afc44d rgb(175,196,77)
```
#b6c95c
```
#b6c95c rgb(182,201,92)
```
#bcce6b
```
#bcce6b rgb(188,206,107)
```
#c3d37a
```
#c3d37a rgb(195,211,122)
```
#c9d788
```
#c9d788 rgb(201,215,136)
```
#d0dc97
```
#d0dc97 rgb(208,220,151)
```
#d7e1a6
```
#d7e1a6 rgb(215,225,166)
```
#dde6b4
```
#dde6b4 rgb(221,230,180)
```
#e4ebc3
```
#e4ebc3 rgb(228,235,195)
```
#ebf0d2
```
#ebf0d2 rgb(235,240,210)
```
#f1f5e1
```
#f1f5e1 rgb(241,245,225)
```
#f8faef
```
#f8faef rgb(248,250,239)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#464741
```
#464741 rgb(70,71,65)
```
#494c3c
```
#494c3c rgb(73,76,60)
```
#4c5137
```
#4c5137 rgb(76,81,55)
```
#505632
```
#505632 rgb(80,86,50)
```
#535c2c
```
#535c2c rgb(83,92,44)
```
#576127
```
#576127 rgb(87,97,39)
```
#5a6622
```
#5a6622 rgb(90,102,34)
```
#5d6b1d
```
#5d6b1d rgb(93,107,29)
```
#617018
```
#617018 rgb(97,112,24)
```
#647612
```
#647612 rgb(100,118,18)
```
#687b0d
```
#687b0d rgb(104,123,13)
```
#6b8008
```
#6b8008 rgb(107,128,8)
```
#6e8503
```
#6e8503 rgb(110,133,3)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5b5d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#74682c Protanopia 1% of men
#806331 Deuteranopia 1% of men
#6a676e Tritanopia 0.001% of the population

Trichromacy

#6a6728 Protanomaly 1% of men, 0.01% of women
#72642b Deuteranomaly 6% of men, 0.4% of women
#646652 Tritanomaly 0.01% of the population

#5a6622 hex color

#5a6622 Color Information

#5a6622 Color Conversion

Color Schemes with #5a6622

Alternatives to #5a6622

#5a6622 Preview

Shades and Tints of #5a6622

Tones of #5a6622

Color Blindness Simulator