#9ca396 hex color

In a RGB color space, hex #9ca396 is composed of 61.2% red, 63.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 0% magenta, 8% yellow and 36.1% black. It has a hue angle of 92.3 degrees, a saturation of 6.6% and a lightness of 61.4%. #9ca396 color hex could be obtained by blending #ffffff with #39472d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 61
- G 64
- B 59
RGB color chart
- C 4
- M 0
- Y 8
- K 36
CMYK color chart

● #9ca396 color description : Dark grayish green.

The hexadecimal color #9ca396 has RGB values of R:156, G:163, B:150 and CMYK values of C:0.04, M:0, Y:0.08, K:0.36. Its decimal value is 10265494.

Hex triplet	9ca396	`#9ca396`
RGB Decimal	156, 163, 150	`rgb(156,163,150)`
RGB Percent	61.2, 63.9, 58.8	`rgb(61.2%,63.9%,58.8%)`
CMYK	4, 0, 8, 36
HSL	92.3°, 6.6, 61.4	`hsl(92.3,6.6%,61.4%)`
HSV (or HSB)	92.3°, 8, 63.9
Web Safe	999999	`#999999`

CIE-LAB	66.108, -4.956, 5.886
XYZ	32.311, 35.464, 33.996
xyY	0.317, 0.348, 35.464
CIE-LCH	66.108, 7.694, 130.095
CIE-LUV	66.108, -3.311, 9.215
Hunter-Lab	59.552, -7.366, 7.84
Binary	10011100, 10100011, 10010110

#9ca396
```
#9ca396 rgb(156,163,150)
```
#9d96a3
```
#9d96a3 rgb(157,150,163)
```

Complementary Color

#a3a396
```
#a3a396 rgb(163,163,150)
```
#9ca396
```
#9ca396 rgb(156,163,150)
```
#96a397
```
#96a397 rgb(150,163,151)
```

Analogous Color

#a396a3
```
#a396a3 rgb(163,150,163)
```
#9ca396
```
#9ca396 rgb(156,163,150)
```
#9796a3
```
#9796a3 rgb(151,150,163)
```

Split Complementary Color

#a3969c
```
#a3969c rgb(163,150,156)
```
#9ca396
```
#9ca396 rgb(156,163,150)
```
#969ca3
```
#969ca3 rgb(150,156,163)
```

Triadic Color

#a39d96
```
#a39d96 rgb(163,157,150)
```
#9ca396
```
#9ca396 rgb(156,163,150)
```
#969ca3
```
#969ca3 rgb(150,156,163)
```
#9d96a3
```
#9d96a3 rgb(157,150,163)
```

Tetradic Color

#767e6e
```
#767e6e rgb(118,126,110)
```
#828b7b
```
#828b7b rgb(130,139,123)
```
#8f9788
```
#8f9788 rgb(143,151,136)
```
#9ca396
```
#9ca396 rgb(156,163,150)
```
#a9afa4
```
#a9afa4 rgb(169,175,164)
```
#b6bbb1
```
#b6bbb1 rgb(182,187,177)
```
#c2c7bf
```
#c2c7bf rgb(194,199,191)
```

Monochromatic Color

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

#9fa396
```
#9fa396 rgb(159,163,150)
```
#9ea396
```
#9ea396 rgb(158,163,150)
```
#9da396
```
#9da396 rgb(157,163,150)
```
#9ca396
```
#9ca396 rgb(156,163,150)
```
#9ba396
```
#9ba396 rgb(155,163,150)
```
#9aa396
```
#9aa396 rgb(154,163,150)
```
#99a396
```
#99a396 rgb(153,163,150)
```

Similar Colors

Text with hexadecimal color #9ca396

This text has a font color of #9ca396.

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

#9ca396 background color

This paragraph has a background color of #9ca396.

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

#9ca396 border color

This element has a border color of #9ca396.

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

CSS codes

.text {color:#9ca396;}

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

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

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, #090a09 is the darkest color, while #ffffff is the lightest one.

#090a09
```
#090a09 rgb(9,10,9)
```
#131412
```
#131412 rgb(19,20,18)
```
#1d1f1b
```
#1d1f1b rgb(29,31,27)
```
#272924
```
#272924 rgb(39,41,36)
```
#30342d
```
#30342d rgb(48,52,45)
```
#3a3e37
```
#3a3e37 rgb(58,62,55)
```
#444940
```
#444940 rgb(68,73,64)
```
#4e5349
```
#4e5349 rgb(78,83,73)
```
#575e52
```
#575e52 rgb(87,94,82)
```
#61685b
```
#61685b rgb(97,104,91)
```
#6b7364
```
#6b7364 rgb(107,115,100)
```
#757d6e
```
#757d6e rgb(117,125,110)
```
#7e8777
```
#7e8777 rgb(126,135,119)
```

Shade Color Variation

#889181
```
#889181 rgb(136,145,129)
```
#929a8c
```
#929a8c rgb(146,154,140)
```
#9ca396
```
#9ca396 rgb(156,163,150)
```
#a6aca0
```
#a6aca0 rgb(166,172,160)
```
#b0b5ab
```
#b0b5ab rgb(176,181,171)
```
#babeb5
```
#babeb5 rgb(186,190,181)
```
#c3c8c0
```
#c3c8c0 rgb(195,200,192)
```
#cdd1ca
```
#cdd1ca rgb(205,209,202)
```
#d7dad5
```
#d7dad5 rgb(215,218,213)
```
#e1e3df
```
#e1e3df rgb(225,227,223)
```
#ebecea
```
#ebecea rgb(235,236,234)
```
#f5f5f4
```
#f5f5f4 rgb(245,245,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#9ca396
```
#9ca396 rgb(156,163,150)
```
#9bab8e
```
#9bab8e rgb(155,171,142)
```
#9bb287
```
#9bb287 rgb(155,178,135)
```
#9aba7f
```
#9aba7f rgb(154,186,127)
```
#9ac178
```
#9ac178 rgb(154,193,120)
```
#99c970
```
#99c970 rgb(153,201,112)
```
#99d069
```
#99d069 rgb(153,208,105)
```
#98d861
```
#98d861 rgb(152,216,97)
```
#97e059
```
#97e059 rgb(151,224,89)
```
#97e752
```
#97e752 rgb(151,231,82)
```
#96ef4a
```
#96ef4a rgb(150,239,74)
```
#96f643
```
#96f643 rgb(150,246,67)
```
#95fe3b
```
#95fe3b rgb(149,254,59)
```

Tone Color Variation

Below, you can see how #9ca396 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
#9ea09d Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba49a Protanopia 1% of men
#b7a09d Deuteranopia 1% of men
#a4a4b0 Tritanopia 0.001% of the population

Trichromacy

#a5a498 Protanomaly 1% of men, 0.01% of women
#ada19a Deuteranomaly 6% of men, 0.4% of women
#a1a4a6 Tritanomaly 0.01% of the population

#9ca396 hex color

#9ca396 Color Information

#9ca396 Color Conversion

Color Schemes with #9ca396

Alternatives to #9ca396

#9ca396 Preview

Shades and Tints of #9ca396

Tones of #9ca396

Color Blindness Simulator