#9caa8d hex color

In a RGB color space, hex #9caa8d is composed of 61.2% red, 66.7% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 8.2% cyan, 0% magenta, 17.1% yellow and 33.3% black. It has a hue angle of 89 degrees, a saturation of 14.6% and a lightness of 61%. #9caa8d color hex could be obtained by blending #ffffff with #39551b. Closest websafe color is: #999999.

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

● #9caa8d color description : Dark grayish green.

The hexadecimal color #9caa8d has RGB values of R:156, G:170, B:141 and CMYK values of C:0.08, M:0, Y:0.17, K:0.33. Its decimal value is 10267277.

Hex triplet	9caa8d	`#9caa8d`
RGB Decimal	156, 170, 141	`rgb(156,170,141)`
RGB Percent	61.2, 66.7, 55.3	`rgb(61.2%,66.7%,55.3%)`
CMYK	8, 0, 17, 33
HSL	89°, 14.6, 61	`hsl(89,14.6%,61%)`
HSV (or HSB)	89°, 17.1, 66.7
Web Safe	999999	`#999999`

CIE-LAB	67.829, -10.294, 13.315
XYZ	32.892, 37.74, 30.75
xyY	0.324, 0.372, 37.74
CIE-LCH	67.829, 16.83, 127.707
CIE-LUV	67.829, -6.619, 20.318
Hunter-Lab	61.433, -11.938, 13.326
Binary	10011100, 10101010, 10001101

#9caa8d
```
#9caa8d rgb(156,170,141)
```
#9b8daa
```
#9b8daa rgb(155,141,170)
```

Complementary Color

#aaaa8d
```
#aaaa8d rgb(170,170,141)
```
#9caa8d
```
#9caa8d rgb(156,170,141)
```
#8eaa8d
```
#8eaa8d rgb(142,170,141)
```

Analogous Color

#aa8daa
```
#aa8daa rgb(170,141,170)
```
#9caa8d
```
#9caa8d rgb(156,170,141)
```
#8d8eaa
```
#8d8eaa rgb(141,142,170)
```

Split Complementary Color

#aa8d9c
```
#aa8d9c rgb(170,141,156)
```
#9caa8d
```
#9caa8d rgb(156,170,141)
```
#8d9caa
```
#8d9caa rgb(141,156,170)
```

Triadic Color

#aa9b8d
```
#aa9b8d rgb(170,155,141)
```
#9caa8d
```
#9caa8d rgb(156,170,141)
```
#8d9caa
```
#8d9caa rgb(141,156,170)
```
#9b8daa
```
#9b8daa rgb(155,141,170)
```

Tetradic Color

#768664
```
#768664 rgb(118,134,100)
```
#839470
```
#839470 rgb(131,148,112)
```
#8f9f7e
```
#8f9f7e rgb(143,159,126)
```
#9caa8d
```
#9caa8d rgb(156,170,141)
```
#a9b59c
```
#a9b59c rgb(169,181,156)
```
#b5c0aa
```
#b5c0aa rgb(181,192,170)
```
#c2cbb9
```
#c2cbb9 rgb(194,203,185)
```

Monochromatic Color

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

#a3aa8d
```
#a3aa8d rgb(163,170,141)
```
#a1aa8d
```
#a1aa8d rgb(161,170,141)
```
#9eaa8d
```
#9eaa8d rgb(158,170,141)
```
#9caa8d
```
#9caa8d rgb(156,170,141)
```
#9aaa8d
```
#9aaa8d rgb(154,170,141)
```
#97aa8d
```
#97aa8d rgb(151,170,141)
```
#95aa8d
```
#95aa8d rgb(149,170,141)
```

Similar Colors

Text with hexadecimal color #9caa8d

This text has a font color of #9caa8d.

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

#9caa8d background color

This paragraph has a background color of #9caa8d.

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

#9caa8d border color

This element has a border color of #9caa8d.

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

CSS codes

.text {color:#9caa8d;}

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

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

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, #080a07 is the darkest color, while #fefefd is the lightest one.

#080a07
```
#080a07 rgb(8,10,7)
```
#121510
```
#121510 rgb(18,21,16)
```
#1c2018
```
#1c2018 rgb(28,32,24)
```
#262b20
```
#262b20 rgb(38,43,32)
```
#303729
```
#303729 rgb(48,55,41)
```
#3a4231
```
#3a4231 rgb(58,66,49)
```
#444d39
```
#444d39 rgb(68,77,57)
```
#4d5842
```
#4d5842 rgb(77,88,66)
```
#57644a
```
#57644a rgb(87,100,74)
```
#616f53
```
#616f53 rgb(97,111,83)
```
#6b7a5b
```
#6b7a5b rgb(107,122,91)
```
#758563
```
#758563 rgb(117,133,99)
```
#7f906c
```
#7f906c rgb(127,144,108)
```

Shade Color Variation

#889977
```
#889977 rgb(136,153,119)
```
#92a282
```
#92a282 rgb(146,162,130)
```
#9caa8d
```
#9caa8d rgb(156,170,141)
```
#a6b298
```
#a6b298 rgb(166,178,152)
```
#b0bba3
```
#b0bba3 rgb(176,187,163)
```
#b9c3af
```
#b9c3af rgb(185,195,175)
```
#c3ccba
```
#c3ccba rgb(195,204,186)
```
#cdd4c5
```
#cdd4c5 rgb(205,212,197)
```
#d7dcd0
```
#d7dcd0 rgb(215,220,208)
```
#e0e5dc
```
#e0e5dc rgb(224,229,220)
```
#eaede7
```
#eaede7 rgb(234,237,231)
```
#f4f5f2
```
#f4f5f2 rgb(244,245,242)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#9ca295
```
#9ca295 rgb(156,162,149)
```
#9caa8d
```
#9caa8d rgb(156,170,141)
```
#9cb285
```
#9cb285 rgb(156,178,133)
```
#9db97e
```
#9db97e rgb(157,185,126)
```
#9dc176
```
#9dc176 rgb(157,193,118)
```
#9dc96e
```
#9dc96e rgb(157,201,110)
```
#9dd067
```
#9dd067 rgb(157,208,103)
```
#9ed85f
```
#9ed85f rgb(158,216,95)
```
#9ee057
```
#9ee057 rgb(158,224,87)
```
#9ee750
```
#9ee750 rgb(158,231,80)
```
#9eef48
```
#9eef48 rgb(158,239,72)
```
#9ff740
```
#9ff740 rgb(159,247,64)
```
#9ffe39
```
#9ffe39 rgb(159,254,57)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a2a49f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a990 Protanopia 1% of men
#c0a496 Deuteranopia 1% of men
#a7a9b5 Tritanopia 0.001% of the population

Trichromacy

#aaa98f Protanomaly 1% of men, 0.01% of women
#b3a692 Deuteranomaly 6% of men, 0.4% of women
#a3a9a6 Tritanomaly 0.01% of the population

#9caa8d hex color

#9caa8d Color Information

#9caa8d Color Conversion

Color Schemes with #9caa8d

Alternatives to #9caa8d

#9caa8d Preview

Shades and Tints of #9caa8d

Tones of #9caa8d

Color Blindness Simulator