#9caa96 hex color

In a RGB color space, hex #9caa96 is composed of 61.2% red, 66.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 8.2% cyan, 0% magenta, 11.8% yellow and 33.3% black. It has a hue angle of 102 degrees, a saturation of 10.5% and a lightness of 62.7%. #9caa96 color hex could be obtained by blending #ffffff with #39552d. Closest websafe color is: #999999.

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

● #9caa96 color description : Dark grayish green.

The hexadecimal color #9caa96 has RGB values of R:156, G:170, B:150 and CMYK values of C:0.08, M:0, Y:0.12, K:0.33. Its decimal value is 10267286.

Hex triplet	9caa96	`#9caa96`
RGB Decimal	156, 170, 150	`rgb(156,170,150)`
RGB Percent	61.2, 66.7, 58.8	`rgb(61.2%,66.7%,58.8%)`
CMYK	8, 0, 12, 33
HSL	102°, 10.5, 62.7	`hsl(102,10.5%,62.7%)`
HSV (or HSB)	102°, 11.8, 66.7
Web Safe	999999	`#999999`

CIE-LAB	68.035, -8.719, 8.643
XYZ	33.589, 38.019, 34.421
xyY	0.317, 0.359, 38.019
CIE-LCH	68.035, 12.277, 135.251
CIE-LUV	68.035, -6.935, 13.749
Hunter-Lab	61.66, -10.667, 10.063
Binary	10011100, 10101010, 10010110

#9caa96
```
#9caa96 rgb(156,170,150)
```
#a496aa
```
#a496aa rgb(164,150,170)
```

Complementary Color

#a6aa96
```
#a6aa96 rgb(166,170,150)
```
#9caa96
```
#9caa96 rgb(156,170,150)
```
#96aa9a
```
#96aa9a rgb(150,170,154)
```

Analogous Color

#aa96a6
```
#aa96a6 rgb(170,150,166)
```
#9caa96
```
#9caa96 rgb(156,170,150)
```
#9a96aa
```
#9a96aa rgb(154,150,170)
```

Split Complementary Color

#aa969c
```
#aa969c rgb(170,150,156)
```
#9caa96
```
#9caa96 rgb(156,170,150)
```
#969caa
```
#969caa rgb(150,156,170)
```

Triadic Color

#aaa496
```
#aaa496 rgb(170,164,150)
```
#9caa96
```
#9caa96 rgb(156,170,150)
```
#969caa
```
#969caa rgb(150,156,170)
```
#a496aa
```
#a496aa rgb(164,150,170)
```

Tetradic Color

#75876d
```
#75876d rgb(117,135,109)
```
#81937a
```
#81937a rgb(129,147,122)
```
#8f9f88
```
#8f9f88 rgb(143,159,136)
```
#9caa96
```
#9caa96 rgb(156,170,150)
```
#a9b5a4
```
#a9b5a4 rgb(169,181,164)
```
#b7c1b2
```
#b7c1b2 rgb(183,193,178)
```
#c4ccc0
```
#c4ccc0 rgb(196,204,192)
```

Monochromatic Color

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

#a1aa96
```
#a1aa96 rgb(161,170,150)
```
#9faa96
```
#9faa96 rgb(159,170,150)
```
#9eaa96
```
#9eaa96 rgb(158,170,150)
```
#9caa96
```
#9caa96 rgb(156,170,150)
```
#9aaa96
```
#9aaa96 rgb(154,170,150)
```
#99aa96
```
#99aa96 rgb(153,170,150)
```
#97aa96
```
#97aa96 rgb(151,170,150)
```

Similar Colors

Text with hexadecimal color #9caa96

This text has a font color of #9caa96.

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

#9caa96 background color

This paragraph has a background color of #9caa96.

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

#9caa96 border color

This element has a border color of #9caa96.

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

CSS codes

.text {color:#9caa96;}

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

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

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

#030303
```
#030303 rgb(3,3,3)
```
#0c0e0c
```
#0c0e0c rgb(12,14,12)
```
#161914
```
#161914 rgb(22,25,20)
```
#1f241d
```
#1f241d rgb(31,36,29)
```
#292f26
```
#292f26 rgb(41,47,38)
```
#323a2f
```
#323a2f rgb(50,58,47)
```
#3b4437
```
#3b4437 rgb(59,68,55)
```
#454f40
```
#454f40 rgb(69,79,64)
```
#4e5a49
```
#4e5a49 rgb(78,90,73)
```
#586552
```
#586552 rgb(88,101,82)
```
#61705b
```
#61705b rgb(97,112,91)
```
#6a7b63
```
#6a7b63 rgb(106,123,99)
```
#74856c
```
#74856c rgb(116,133,108)
```

Shade Color Variation

#7d9075
```
#7d9075 rgb(125,144,117)
```
#889880
```
#889880 rgb(136,152,128)
```
#92a18b
```
#92a18b rgb(146,161,139)
```
#9caa96
```
#9caa96 rgb(156,170,150)
```
#a6b3a1
```
#a6b3a1 rgb(166,179,161)
```
#b0bcac
```
#b0bcac rgb(176,188,172)
```
#bbc4b7
```
#bbc4b7 rgb(187,196,183)
```
#c5cdc1
```
#c5cdc1 rgb(197,205,193)
```
#cfd6cc
```
#cfd6cc rgb(207,214,204)
```
#d9dfd7
```
#d9dfd7 rgb(217,223,215)
```
#e4e7e2
```
#e4e7e2 rgb(228,231,226)
```
#eef0ed
```
#eef0ed rgb(238,240,237)
```
#f8f9f8
```
#f8f9f8 rgb(248,249,248)
```

Tint Color Variation

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

#9fa39d
```
#9fa39d rgb(159,163,157)
```
#9caa96
```
#9caa96 rgb(156,170,150)
```
#99b18f
```
#99b18f rgb(153,177,143)
```
#96b987
```
#96b987 rgb(150,185,135)
```
#93c080
```
#93c080 rgb(147,192,128)
```
#90c779
```
#90c779 rgb(144,199,121)
```
#8dcf71
```
#8dcf71 rgb(141,207,113)
```
#8ad66a
```
#8ad66a rgb(138,214,106)
```
#88dd63
```
#88dd63 rgb(136,221,99)
```
#85e45c
```
#85e45c rgb(133,228,92)
```
#82ec54
```
#82ec54 rgb(130,236,84)
```
#7ff34d
```
#7ff34d rgb(127,243,77)
```
#7cfa46
```
#7cfa46 rgb(124,250,70)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a2a5a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a999 Protanopia 1% of men
#bea49e Deuteranopia 1% of men
#a6aab6 Tritanopia 0.001% of the population

Trichromacy

#a9a998 Protanomaly 1% of men, 0.01% of women
#b2a69b Deuteranomaly 6% of men, 0.4% of women
#a2aaaa Tritanomaly 0.01% of the population

#9caa96 hex color

#9caa96 Color Information

#9caa96 Color Conversion

Color Schemes with #9caa96

Alternatives to #9caa96

#9caa96 Preview

Shades and Tints of #9caa96

Tones of #9caa96

Color Blindness Simulator