colorhexa.com

#9caa20 hex color

In a RGB color space, hex #9caa20 is composed of 61.2% red, 66.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 8.2% cyan, 0% magenta, 81.2% yellow and 33.3% black. It has a hue angle of 66.1 degrees, a saturation of 68.3% and a lightness of 39.6%. #9caa20 color hex could be obtained by blending #ffff40 with #395500. Closest websafe color is: #999933.

- R 61
- G 67
- B 13
RGB color chart
- C 8
- M 0
- Y 81
- K 33
CMYK color chart

● #9caa20 color description : Dark yellow [Olive tone].

The hexadecimal color #9caa20 has RGB values of R:156, G:170, B:32 and CMYK values of C:0.08, M:0, Y:0.81, K:0.33. Its decimal value is 10267168.

Hex triplet	9caa20	`#9caa20`
RGB Decimal	156, 170, 32	`rgb(156,170,32)`
RGB Percent	61.2, 66.7, 12.5	`rgb(61.2%,66.7%,12.5%)`
CMYK	8, 0, 81, 33
HSL	66.1°, 68.3, 39.6	`hsl(66.1,68.3%,39.6%)`
HSV (or HSB)	66.1°, 81.2, 66.7
Web Safe	999933	`#999933`

CIE-LAB	66.46, -21.376, 62.796
XYZ	28.346, 35.922, 6.807
xyY	0.399, 0.505, 35.922
CIE-LCH	66.46, 66.335, 108.798
CIE-LUV	66.46, -4.215, 70.732
Hunter-Lab	59.935, -20.466, 35.221
Binary	10011100, 10101010, 00100000

#9caa20
```
#9caa20 rgb(156,170,32)
```
#2e20aa
```
#2e20aa rgb(46,32,170)
```

Complementary Color

#aa7320
```
#aa7320 rgb(170,115,32)
```
#9caa20
```
#9caa20 rgb(156,170,32)
```
#57aa20
```
#57aa20 rgb(87,170,32)
```

Analogous Color

#7320aa
```
#7320aa rgb(115,32,170)
```
#9caa20
```
#9caa20 rgb(156,170,32)
```
#2057aa
```
#2057aa rgb(32,87,170)
```

Split Complementary Color

#aa209c
```
#aa209c rgb(170,32,156)
```
#9caa20
```
#9caa20 rgb(156,170,32)
```
#209caa
```
#209caa rgb(32,156,170)
```

Triadic Color

#aa2e20
```
#aa2e20 rgb(170,46,32)
```
#9caa20
```
#9caa20 rgb(156,170,32)
```
#209caa
```
#209caa rgb(32,156,170)
```
#2e20aa
```
#2e20aa rgb(46,32,170)
```

Tetradic Color

#616a14
```
#616a14 rgb(97,106,20)
```
#757f18
```
#757f18 rgb(117,127,24)
```
#88951c
```
#88951c rgb(136,149,28)
```
#9caa20
```
#9caa20 rgb(156,170,32)
```
#b0bf24
```
#b0bf24 rgb(176,191,36)
```
#c3d528
```
#c3d528 rgb(195,213,40)
```
#cada3c
```
#cada3c rgb(202,218,60)
```

Monochromatic Color

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

#aa9620
```
#aa9620 rgb(170,150,32)
```
#aaa120
```
#aaa120 rgb(170,161,32)
```
#a8aa20
```
#a8aa20 rgb(168,170,32)
```
#9caa20
```
#9caa20 rgb(156,170,32)
```
#91aa20
```
#91aa20 rgb(145,170,32)
```
#85aa20
```
#85aa20 rgb(133,170,32)
```
#7aaa20
```
#7aaa20 rgb(122,170,32)
```

Similar Colors

Text with hexadecimal color #9caa20

This text has a font color of #9caa20.

<span style="color:#9caa20;">Text here</span>

#9caa20 background color

This paragraph has a background color of #9caa20.

<p style="background-color:#9caa20;">Content here</p>

#9caa20 border color

This element has a border color of #9caa20.

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

CSS codes

.text {color:#9caa20;}

.background {background-color:#9caa20;}

.border {border:1px solid #9caa20;}

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

#050501
```
#050501 rgb(5,5,1)
```
#141504
```
#141504 rgb(20,21,4)
```
#232607
```
#232607 rgb(35,38,7)
```
#32360a
```
#32360a rgb(50,54,10)
```
#41470d
```
#41470d rgb(65,71,13)
```
#505710
```
#505710 rgb(80,87,16)
```
#5f6814
```
#5f6814 rgb(95,104,20)
```
#6f7817
```
#6f7817 rgb(111,120,23)
```
#7e891a
```
#7e891a rgb(126,137,26)
```
#8d991d
```
#8d991d rgb(141,153,29)
```
#9caa20
```
#9caa20 rgb(156,170,32)
```
#abbb23
```
#abbb23 rgb(171,187,35)
```
#bacb26
```
#bacb26 rgb(186,203,38)
```

Shade Color Variation

#c6d82d
```
#c6d82d rgb(198,216,45)
```
#cbdb3e
```
#cbdb3e rgb(203,219,62)
```
#cfde4e
```
#cfde4e rgb(207,222,78)
```
#d4e15f
```
#d4e15f rgb(212,225,95)
```
#d8e46f
```
#d8e46f rgb(216,228,111)
```
#dde780
```
#dde780 rgb(221,231,128)
```
#e1ea90
```
#e1ea90 rgb(225,234,144)
```
#e6eda1
```
#e6eda1 rgb(230,237,161)
```
#eaf0b1
```
#eaf0b1 rgb(234,240,177)
```
#eef3c2
```
#eef3c2 rgb(238,243,194)
```
#f3f7d2
```
#f3f7d2 rgb(243,247,210)
```
#f7fae3
```
#f7fae3 rgb(247,250,227)
```
#fcfdf3
```
#fcfdf3 rgb(252,253,243)
```

Tint Color Variation

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

#6a6c5e
```
#6a6c5e rgb(106,108,94)
```
#717456
```
#717456 rgb(113,116,86)
```
#777b4f
```
#777b4f rgb(119,123,79)
```
#7d8347
```
#7d8347 rgb(125,131,71)
```
#838b3f
```
#838b3f rgb(131,139,63)
```
#899337
```
#899337 rgb(137,147,55)
```
#909a30
```
#909a30 rgb(144,154,48)
```
#96a228
```
#96a228 rgb(150,162,40)
```
#9caa20
```
#9caa20 rgb(156,170,32)
```
#a2b218
```
#a2b218 rgb(162,178,24)
```
#a8ba10
```
#a8ba10 rgb(168,186,16)
```
#afc109
```
#afc109 rgb(175,193,9)
```
#b5c901
```
#b5c901 rgb(181,201,1)
```

Tone Color Variation

Below, you can see how #9caa20 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

#969696 Achromatopsia 0.005% of the population
#979a7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa629 Protanopia 1% of men
#ce9e35 Deuteranopia 1% of men
#aea3ae Tritanopia 0.001% of the population

Trichromacy

#afa726 Protanomaly 1% of men, 0.01% of women
#bca22d Deuteranomaly 6% of men, 0.4% of women
#a7a57a Tritanomaly 0.01% of the population