#9caa45 hex color

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

♥
- f
- t
- g
- R 61
- G 67
- B 27
RGB color chart
- C 8
- M 0
- Y 59
- K 33
CMYK color chart

● #9caa45 color description : Dark moderate yellow.

The hexadecimal color #9caa45 has RGB values of R:156, G:170, B:69 and CMYK values of C:0.08, M:0, Y:0.59, K:0.33. Its decimal value is 10267205.

Hex triplet	9caa45	`#9caa45`
RGB Decimal	156, 170, 69	`rgb(156,170,69)`
RGB Percent	61.2, 66.7, 27.1	`rgb(61.2%,66.7%,27.1%)`
CMYK	8, 0, 59, 33
HSL	68.3°, 42.3, 46.9	`hsl(68.3,42.3%,46.9%)`
HSV (or HSB)	68.3°, 59.4, 66.7
Web Safe	999933	`#999933`

CIE-LAB	66.708, -19.28, 49.198
XYZ	29.159, 36.247, 11.09
xyY	0.381, 0.474, 36.247
CIE-LCH	66.708, 52.842, 111.4
CIE-LUV	66.708, -4.696, 60.588
Hunter-Lab	60.206, -18.908, 31.222
Binary	10011100, 10101010, 01000101

#9caa45
```
#9caa45 rgb(156,170,69)
```
#5345aa
```
#5345aa rgb(83,69,170)
```

Complementary Color

#aa8645
```
#aa8645 rgb(170,134,69)
```
#9caa45
```
#9caa45 rgb(156,170,69)
```
#6aaa45
```
#6aaa45 rgb(106,170,69)
```

Analogous Color

#8645aa
```
#8645aa rgb(134,69,170)
```
#9caa45
```
#9caa45 rgb(156,170,69)
```
#456aaa
```
#456aaa rgb(69,106,170)
```

Split Complementary Color

#aa459c
```
#aa459c rgb(170,69,156)
```
#9caa45
```
#9caa45 rgb(156,170,69)
```
#459caa
```
#459caa rgb(69,156,170)
```

Triadic Color

#aa5345
```
#aa5345 rgb(170,83,69)
```
#9caa45
```
#9caa45 rgb(156,170,69)
```
#459caa
```
#459caa rgb(69,156,170)
```
#5345aa
```
#5345aa rgb(83,69,170)
```

Tetradic Color

#6a742f
```
#6a742f rgb(106,116,47)
```
#7b8636
```
#7b8636 rgb(123,134,54)
```
#8b983e
```
#8b983e rgb(139,152,62)
```
#9caa45
```
#9caa45 rgb(156,170,69)
```
#aab850
```
#aab850 rgb(170,184,80)
```
#b3bf63
```
#b3bf63 rgb(179,191,99)
```
#bbc775
```
#bbc775 rgb(187,199,117)
```

Monochromatic Color

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

#aa9f45
```
#aa9f45 rgb(170,159,69)
```
#aaa745
```
#aaa745 rgb(170,167,69)
```
#a4aa45
```
#a4aa45 rgb(164,170,69)
```
#9caa45
```
#9caa45 rgb(156,170,69)
```
#94aa45
```
#94aa45 rgb(148,170,69)
```
#8baa45
```
#8baa45 rgb(139,170,69)
```
#83aa45
```
#83aa45 rgb(131,170,69)
```

Similar Colors

Text with hexadecimal color #9caa45

This text has a font color of #9caa45.

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

#9caa45 background color

This paragraph has a background color of #9caa45.

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

#9caa45 border color

This element has a border color of #9caa45.

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

CSS codes

.text {color:#9caa45;}

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

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0f1107
```
#0f1107 rgb(15,17,7)
```
#1c1e0c
```
#1c1e0c rgb(28,30,12)
```
#292c12
```
#292c12 rgb(41,44,18)
```
#363a18
```
#363a18 rgb(54,58,24)
```
#42481d
```
#42481d rgb(66,72,29)
```
#4f5623
```
#4f5623 rgb(79,86,35)
```
#5c6429
```
#5c6429 rgb(92,100,41)
```
#69722e
```
#69722e rgb(105,114,46)
```
#768034
```
#768034 rgb(118,128,52)
```
#828e3a
```
#828e3a rgb(130,142,58)
```
#8f9c3f
```
#8f9c3f rgb(143,156,63)
```
#9caa45
```
#9caa45 rgb(156,170,69)
```

Shade Color Variation

#a8b64c
```
#a8b64c rgb(168,182,76)
```
#afbc5a
```
#afbc5a rgb(175,188,90)
```
#b5c268
```
#b5c268 rgb(181,194,104)
```
#bcc776
```
#bcc776 rgb(188,199,118)
```
#c3cd84
```
#c3cd84 rgb(195,205,132)
```
#cad392
```
#cad392 rgb(202,211,146)
```
#d1d8a0
```
#d1d8a0 rgb(209,216,160)
```
#d7deae
```
#d7deae rgb(215,222,174)
```
#dee4bc
```
#dee4bc rgb(222,228,188)
```
#e5e9ca
```
#e5e9ca rgb(229,233,202)
```
#ecefd8
```
#ecefd8 rgb(236,239,216)
```
#f3f5e6
```
#f3f5e6 rgb(243,245,230)
```
#f9faf4
```
#f9faf4 rgb(249,250,244)
```

Tint Color Variation

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

#7b7c73
```
#7b7c73 rgb(123,124,115)
```
#81856a
```
#81856a rgb(129,133,106)
```
#888e61
```
#888e61 rgb(136,142,97)
```
#8f9857
```
#8f9857 rgb(143,152,87)
```
#95a14e
```
#95a14e rgb(149,161,78)
```
#9caa45
```
#9caa45 rgb(156,170,69)
```
#a3b33c
```
#a3b33c rgb(163,179,60)
```
#a9bc33
```
#a9bc33 rgb(169,188,51)
```
#b0c629
```
#b0c629 rgb(176,198,41)
```
#b7cf20
```
#b7cf20 rgb(183,207,32)
```
#bdd817
```
#bdd817 rgb(189,216,23)
```
#c4e10e
```
#c4e10e rgb(196,225,14)
```
#cbea05
```
#cbea05 rgb(203,234,5)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#9a9d89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a74c Protanopia 1% of men
#cc9f54 Deuteranopia 1% of men
#ada4af Tritanopia 0.001% of the population

Trichromacy

#aea849 Protanomaly 1% of men, 0.01% of women
#baa34e Deuteranomaly 6% of men, 0.4% of women
#a6a689 Tritanomaly 0.01% of the population

#9caa45 hex color

#9caa45 Color Information

#9caa45 Color Conversion

Color Schemes with #9caa45

Alternatives to #9caa45

#9caa45 Preview

Shades and Tints of #9caa45

Tones of #9caa45

Color Blindness Simulator