#9caa2d hex color

In a RGB color space, hex #9caa2d is composed of 61.2% red, 66.7% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 8.2% cyan, 0% magenta, 73.5% yellow and 33.3% black. It has a hue angle of 66.7 degrees, a saturation of 58.1% and a lightness of 42.2%. #9caa2d color hex could be obtained by blending #ffff5a with #395500. Closest websafe color is: #999933.

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

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

The hexadecimal color #9caa2d has RGB values of R:156, G:170, B:45 and CMYK values of C:0.08, M:0, Y:0.74, K:0.33. Its decimal value is 10267181.

Hex triplet	9caa2d	`#9caa2d`
RGB Decimal	156, 170, 45	`rgb(156,170,45)`
RGB Percent	61.2, 66.7, 17.6	`rgb(61.2%,66.7%,17.6%)`
CMYK	8, 0, 74, 33
HSL	66.7°, 58.1, 42.2	`hsl(66.7,58.1%,42.2%)`
HSV (or HSB)	66.7°, 73.5, 66.7
Web Safe	999933	`#999933`

CIE-LAB	66.525, -20.822, 58.77
XYZ	28.559, 36.007, 7.928
xyY	0.394, 0.497, 36.007
CIE-LCH	66.525, 62.349, 109.509
CIE-LUV	66.525, -4.344, 68.022
Hunter-Lab	60.006, -20.057, 34.171
Binary	10011100, 10101010, 00101101

#9caa2d
```
#9caa2d rgb(156,170,45)
```
#3b2daa
```
#3b2daa rgb(59,45,170)
```

Complementary Color

#aa7a2d
```
#aa7a2d rgb(170,122,45)
```
#9caa2d
```
#9caa2d rgb(156,170,45)
```
#5eaa2d
```
#5eaa2d rgb(94,170,45)
```

Analogous Color

#7a2daa
```
#7a2daa rgb(122,45,170)
```
#9caa2d
```
#9caa2d rgb(156,170,45)
```
#2d5eaa
```
#2d5eaa rgb(45,94,170)
```

Split Complementary Color

#aa2d9c
```
#aa2d9c rgb(170,45,156)
```
#9caa2d
```
#9caa2d rgb(156,170,45)
```
#2d9caa
```
#2d9caa rgb(45,156,170)
```

Triadic Color

#aa3b2d
```
#aa3b2d rgb(170,59,45)
```
#9caa2d
```
#9caa2d rgb(156,170,45)
```
#2d9caa
```
#2d9caa rgb(45,156,170)
```
#3b2daa
```
#3b2daa rgb(59,45,170)
```

Tetradic Color

#646e1d
```
#646e1d rgb(100,110,29)
```
#778222
```
#778222 rgb(119,130,34)
```
#899628
```
#899628 rgb(137,150,40)
```
#9caa2d
```
#9caa2d rgb(156,170,45)
```
#afbe32
```
#afbe32 rgb(175,190,50)
```
#bccc3e
```
#bccc3e rgb(188,204,62)
```
#c3d152
```
#c3d152 rgb(195,209,82)
```

Monochromatic Color

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

#aa992d
```
#aa992d rgb(170,153,45)
```
#aaa32d
```
#aaa32d rgb(170,163,45)
```
#a6aa2d
```
#a6aa2d rgb(166,170,45)
```
#9caa2d
```
#9caa2d rgb(156,170,45)
```
#92aa2d
```
#92aa2d rgb(146,170,45)
```
#87aa2d
```
#87aa2d rgb(135,170,45)
```
#7daa2d
```
#7daa2d rgb(125,170,45)
```

Similar Colors

Text with hexadecimal color #9caa2d

This text has a font color of #9caa2d.

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

#9caa2d background color

This paragraph has a background color of #9caa2d.

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

#9caa2d border color

This element has a border color of #9caa2d.

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

CSS codes

.text {color:#9caa2d;}

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

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

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

#0e0f04
```
#0e0f04 rgb(14,15,4)
```
#1c1e08
```
#1c1e08 rgb(28,30,8)
```
#2a2e0c
```
#2a2e0c rgb(42,46,12)
```
#383d10
```
#383d10 rgb(56,61,16)
```
#474d14
```
#474d14 rgb(71,77,20)
```
#555c18
```
#555c18 rgb(85,92,24)
```
#636c1d
```
#636c1d rgb(99,108,29)
```
#717b21
```
#717b21 rgb(113,123,33)
```
#808b25
```
#808b25 rgb(128,139,37)
```
#8e9a29
```
#8e9a29 rgb(142,154,41)
```
#9caa2d
```
#9caa2d rgb(156,170,45)
```
#aaba31
```
#aaba31 rgb(170,186,49)
```
#b8c935
```
#b8c935 rgb(184,201,53)
```

Shade Color Variation

#bece44
```
#bece44 rgb(190,206,68)
```
#c4d254
```
#c4d254 rgb(196,210,84)
```
#c9d663
```
#c9d663 rgb(201,214,99)
```
#ceda73
```
#ceda73 rgb(206,218,115)
```
#d4de82
```
#d4de82 rgb(212,222,130)
```
#d9e292
```
#d9e292 rgb(217,226,146)
```
#dee6a1
```
#dee6a1 rgb(222,230,161)
```
#e4eab1
```
#e4eab1 rgb(228,234,177)
```
#e9eec0
```
#e9eec0 rgb(233,238,192)
```
#eff3d0
```
#eff3d0 rgb(239,243,208)
```
#f4f7df
```
#f4f7df rgb(244,247,223)
```
#f9fbef
```
#f9fbef rgb(249,251,239)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#6f7067
```
#6f7067 rgb(111,112,103)
```
#75785f
```
#75785f rgb(117,120,95)
```
#7c8156
```
#7c8156 rgb(124,129,86)
```
#82894e
```
#82894e rgb(130,137,78)
```
#899146
```
#899146 rgb(137,145,70)
```
#8f993e
```
#8f993e rgb(143,153,62)
```
#96a235
```
#96a235 rgb(150,162,53)
```
#9caa2d
```
#9caa2d rgb(156,170,45)
```
#a2b225
```
#a2b225 rgb(162,178,37)
```
#a9bb1c
```
#a9bb1c rgb(169,187,28)
```
#afc314
```
#afc314 rgb(175,195,20)
```
#b6cb0c
```
#b6cb0c rgb(182,203,12)
```
#bcd304
```
#bcd304 rgb(188,211,4)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#999c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a635 Protanopia 1% of men
#ce9e3f Deuteranopia 1% of men
#ada3af Tritanopia 0.001% of the population

Trichromacy

#afa832 Protanomaly 1% of men, 0.01% of women
#bba238 Deuteranomaly 6% of men, 0.4% of women
#a7a57f Tritanomaly 0.01% of the population

#9caa2d hex color

#9caa2d Color Information

#9caa2d Color Conversion

Color Schemes with #9caa2d

Alternatives to #9caa2d

#9caa2d Preview

Shades and Tints of #9caa2d

Tones of #9caa2d

Color Blindness Simulator