#9caa6f hex color

In a RGB color space, hex #9caa6f is composed of 61.2% red, 66.7% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 8.2% cyan, 0% magenta, 34.7% yellow and 33.3% black. It has a hue angle of 74.2 degrees, a saturation of 25.8% and a lightness of 55.1%. #9caa6f color hex could be obtained by blending #ffffde with #395500. Closest websafe color is: #999966.

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

● #9caa6f color description : Mostly desaturated dark yellow.

The hexadecimal color #9caa6f has RGB values of R:156, G:170, B:111 and CMYK values of C:0.08, M:0, Y:0.35, K:0.33. Its decimal value is 10267247.

Hex triplet	9caa6f	`#9caa6f`
RGB Decimal	156, 170, 111	`rgb(156,170,111)`
RGB Percent	61.2, 66.7, 43.5	`rgb(61.2%,66.7%,43.5%)`
CMYK	8, 0, 35, 33
HSL	74.2°, 25.8, 55.1	`hsl(74.2,25.8%,55.1%)`
HSV (or HSB)	74.2°, 34.7, 66.7
Web Safe	999966	`#999966`

CIE-LAB	67.251, -14.837, 28.828
XYZ	30.954, 36.965, 20.542
xyY	0.35, 0.418, 36.965
CIE-LCH	67.251, 32.422, 117.234
CIE-LUV	67.251, -5.673, 40.055
Hunter-Lab	60.799, -15.521, 22.527
Binary	10011100, 10101010, 01101111

#9caa6f
```
#9caa6f rgb(156,170,111)
```
#7d6faa
```
#7d6faa rgb(125,111,170)
```

Complementary Color

#aa9b6f
```
#aa9b6f rgb(170,155,111)
```
#9caa6f
```
#9caa6f rgb(156,170,111)
```
#7faa6f
```
#7faa6f rgb(127,170,111)
```

Analogous Color

#9b6faa
```
#9b6faa rgb(155,111,170)
```
#9caa6f
```
#9caa6f rgb(156,170,111)
```
#6f7faa
```
#6f7faa rgb(111,127,170)
```

Split Complementary Color

#aa6f9c
```
#aa6f9c rgb(170,111,156)
```
#9caa6f
```
#9caa6f rgb(156,170,111)
```
#6f9caa
```
#6f9caa rgb(111,156,170)
```

Triadic Color

#aa7d6f
```
#aa7d6f rgb(170,125,111)
```
#9caa6f
```
#9caa6f rgb(156,170,111)
```
#6f9caa
```
#6f9caa rgb(111,156,170)
```
#7d6faa
```
#7d6faa rgb(125,111,170)
```

Tetradic Color

#74814c
```
#74814c rgb(116,129,76)
```
#839155
```
#839155 rgb(131,145,85)
```
#91a15f
```
#91a15f rgb(145,161,95)
```
#9caa6f
```
#9caa6f rgb(156,170,111)
```
#a7b37f
```
#a7b37f rgb(167,179,127)
```
#b2bd8f
```
#b2bd8f rgb(178,189,143)
```
#bdc69f
```
#bdc69f rgb(189,198,159)
```

Monochromatic Color

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

#aaa96f
```
#aaa96f rgb(170,169,111)
```
#a6aa6f
```
#a6aa6f rgb(166,170,111)
```
#a1aa6f
```
#a1aa6f rgb(161,170,111)
```
#9caa6f
```
#9caa6f rgb(156,170,111)
```
#97aa6f
```
#97aa6f rgb(151,170,111)
```
#92aa6f
```
#92aa6f rgb(146,170,111)
```
#8daa6f
```
#8daa6f rgb(141,170,111)
```

Similar Colors

Text with hexadecimal color #9caa6f

This text has a font color of #9caa6f.

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

#9caa6f background color

This paragraph has a background color of #9caa6f.

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

#9caa6f border color

This element has a border color of #9caa6f.

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

CSS codes

.text {color:#9caa6f;}

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

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

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

#040402
```
#040402 rgb(4,4,2)
```
#0f100a
```
#0f100a rgb(15,16,10)
```
#1a1d11
```
#1a1d11 rgb(26,29,17)
```
#252918
```
#252918 rgb(37,41,24)
```
#30351f
```
#30351f rgb(48,53,31)
```
#3b4227
```
#3b4227 rgb(59,66,39)
```
#464e2e
```
#464e2e rgb(70,78,46)
```
#525a35
```
#525a35 rgb(82,90,53)
```
#5d673d
```
#5d673d rgb(93,103,61)
```
#687344
```
#687344 rgb(104,115,68)
```
#737f4b
```
#737f4b rgb(115,127,75)
```
#7e8c52
```
#7e8c52 rgb(126,140,82)
```
#89985a
```
#89985a rgb(137,152,90)
```

Shade Color Variation

#94a363
```
#94a363 rgb(148,163,99)
```
#9caa6f
```
#9caa6f rgb(156,170,111)
```
#a4b17b
```
#a4b17b rgb(164,177,123)
```
#adb988
```
#adb988 rgb(173,185,136)
```
#b5c094
```
#b5c094 rgb(181,192,148)
```
#bec7a0
```
#bec7a0 rgb(190,199,160)
```
#c6cead
```
#c6cead rgb(198,206,173)
```
#cfd6b9
```
#cfd6b9 rgb(207,214,185)
```
#d7ddc5
```
#d7ddc5 rgb(215,221,197)
```
#e0e4d2
```
#e0e4d2 rgb(224,228,210)
```
#e8ecde
```
#e8ecde rgb(232,236,222)
```
#f1f3ea
```
#f1f3ea rgb(241,243,234)
```
#f9faf7
```
#f9faf7 rgb(249,250,247)
```

Tint Color Variation

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

#8e9089
```
#8e9089 rgb(142,144,137)
```
#939881
```
#939881 rgb(147,152,129)
```
#97a178
```
#97a178 rgb(151,161,120)
```
#9caa6f
```
#9caa6f rgb(156,170,111)
```
#a1b366
```
#a1b366 rgb(161,179,102)
```
#a5bc5d
```
#a5bc5d rgb(165,188,93)
```
#aac455
```
#aac455 rgb(170,196,85)
```
#afcd4c
```
#afcd4c rgb(175,205,76)
```
#b3d643
```
#b3d643 rgb(179,214,67)
```
#b8df3a
```
#b8df3a rgb(184,223,58)
```
#bce831
```
#bce831 rgb(188,232,49)
```
#c1f029
```
#c1f029 rgb(193,240,41)
```
#c6f920
```
#c6f920 rgb(198,249,32)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#9ea195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a874 Protanopia 1% of men
#c6a17a Deuteranopia 1% of men
#aaa6b2 Tritanopia 0.001% of the population

Trichromacy

#aca872 Protanomaly 1% of men, 0.01% of women
#b7a476 Deuteranomaly 6% of men, 0.4% of women
#a5a79a Tritanomaly 0.01% of the population

#9caa6f hex color

#9caa6f Color Information

#9caa6f Color Conversion

Color Schemes with #9caa6f

Alternatives to #9caa6f

#9caa6f Preview

Shades and Tints of #9caa6f

Tones of #9caa6f

Color Blindness Simulator