#9faf96 hex color

In a RGB color space, hex #9faf96 is composed of 62.4% red, 68.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 9.1% cyan, 0% magenta, 14.3% yellow and 31.4% black. It has a hue angle of 98.4 degrees, a saturation of 13.5% and a lightness of 63.7%. #9faf96 color hex could be obtained by blending #ffffff with #3f5f2d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 62
- G 69
- B 59
RGB color chart
- C 9
- M 0
- Y 14
- K 31
CMYK color chart

● #9faf96 color description : Dark grayish green.

The hexadecimal color #9faf96 has RGB values of R:159, G:175, B:150 and CMYK values of C:0.09, M:0, Y:0.14, K:0.31. Its decimal value is 10465174.

Hex triplet	9faf96	`#9faf96`
RGB Decimal	159, 175, 150	`rgb(159,175,150)`
RGB Percent	62.4, 68.6, 58.8	`rgb(62.4%,68.6%,58.8%)`
CMYK	9, 0, 14, 31
HSL	98.4°, 13.5, 63.7	`hsl(98.4,13.5%,63.7%)`
HSV (or HSB)	98.4°, 14.3, 68.6
Web Safe	999999	`#999999`

CIE-LAB	69.635, -10.284, 10.947
XYZ	35.132, 40.233, 34.767
xyY	0.319, 0.365, 40.233
CIE-LCH	69.635, 15.02, 133.211
CIE-LUV	69.635, -7.862, 17.249
Hunter-Lab	63.429, -12.134, 11.902
Binary	10011111, 10101111, 10010110

#9faf96
```
#9faf96 rgb(159,175,150)
```
#a696af
```
#a696af rgb(166,150,175)
```

Complementary Color

#acaf96
```
#acaf96 rgb(172,175,150)
```
#9faf96
```
#9faf96 rgb(159,175,150)
```
#96af9a
```
#96af9a rgb(150,175,154)
```

Analogous Color

#af96ac
```
#af96ac rgb(175,150,172)
```
#9faf96
```
#9faf96 rgb(159,175,150)
```
#9a96af
```
#9a96af rgb(154,150,175)
```

Split Complementary Color

#af969f
```
#af969f rgb(175,150,159)
```
#9faf96
```
#9faf96 rgb(159,175,150)
```
#969faf
```
#969faf rgb(150,159,175)
```

Triadic Color

#afa696
```
#afa696 rgb(175,166,150)
```
#9faf96
```
#9faf96 rgb(159,175,150)
```
#969faf
```
#969faf rgb(150,159,175)
```
#a696af
```
#a696af rgb(166,150,175)
```

Tetradic Color

#788d6b
```
#788d6b rgb(120,141,107)
```
#859979
```
#859979 rgb(133,153,121)
```
#92a488
```
#92a488 rgb(146,164,136)
```
#9faf96
```
#9faf96 rgb(159,175,150)
```
#acbaa4
```
#acbaa4 rgb(172,186,164)
```
#b9c5b3
```
#b9c5b3 rgb(185,197,179)
```
#c7d0c1
```
#c7d0c1 rgb(199,208,193)
```

Monochromatic Color

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

#a5af96
```
#a5af96 rgb(165,175,150)
```
#a3af96
```
#a3af96 rgb(163,175,150)
```
#a1af96
```
#a1af96 rgb(161,175,150)
```
#9faf96
```
#9faf96 rgb(159,175,150)
```
#9daf96
```
#9daf96 rgb(157,175,150)
```
#9baf96
```
#9baf96 rgb(155,175,150)
```
#99af96
```
#99af96 rgb(153,175,150)
```

Similar Colors

Text with hexadecimal color #9faf96

This text has a font color of #9faf96.

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

#9faf96 background color

This paragraph has a background color of #9faf96.

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

#9faf96 border color

This element has a border color of #9faf96.

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

CSS codes

.text {color:#9faf96;}

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

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

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

#050605
```
#050605 rgb(5,6,5)
```
#0f110d
```
#0f110d rgb(15,17,13)
```
#181d16
```
#181d16 rgb(24,29,22)
```
#22281e
```
#22281e rgb(34,40,30)
```
#2b3327
```
#2b3327 rgb(43,51,39)
```
#353e2f
```
#353e2f rgb(53,62,47)
```
#3e4938
```
#3e4938 rgb(62,73,56)
```
#475440
```
#475440 rgb(71,84,64)
```
#515f49
```
#515f49 rgb(81,95,73)
```
#5a6b51
```
#5a6b51 rgb(90,107,81)
```
#64765a
```
#64765a rgb(100,118,90)
```
#6d8162
```
#6d8162 rgb(109,129,98)
```
#778c6b
```
#778c6b rgb(119,140,107)
```

Shade Color Variation

#809675
```
#809675 rgb(128,150,117)
```
#8b9e80
```
#8b9e80 rgb(139,158,128)
```
#95a78b
```
#95a78b rgb(149,167,139)
```
#9faf96
```
#9faf96 rgb(159,175,150)
```
#a9b7a1
```
#a9b7a1 rgb(169,183,161)
```
#b3c0ac
```
#b3c0ac rgb(179,192,172)
```
#bec8b7
```
#bec8b7 rgb(190,200,183)
```
#c8d1c3
```
#c8d1c3 rgb(200,209,195)
```
#d2d9ce
```
#d2d9ce rgb(210,217,206)
```
#dce2d9
```
#dce2d9 rgb(220,226,217)
```
#e6eae4
```
#e6eae4 rgb(230,234,228)
```
#f0f3ef
```
#f0f3ef rgb(240,243,239)
```
#fbfbfa
```
#fbfbfa rgb(251,251,250)
```

Tint Color Variation

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

#a1a89d
```
#a1a89d rgb(161,168,157)
```
#9faf96
```
#9faf96 rgb(159,175,150)
```
#9db68f
```
#9db68f rgb(157,182,143)
```
#9bbd88
```
#9bbd88 rgb(155,189,136)
```
#99c481
```
#99c481 rgb(153,196,129)
```
#97cb7a
```
#97cb7a rgb(151,203,122)
```
#95d372
```
#95d372 rgb(149,211,114)
```
#93da6b
```
#93da6b rgb(147,218,107)
```
#91e164
```
#91e164 rgb(145,225,100)
```
#8fe85d
```
#8fe85d rgb(143,232,93)
```
#8def56
```
#8def56 rgb(141,239,86)
```
#8bf64f
```
#8bf64f rgb(139,246,79)
```
#89fd48
```
#89fd48 rgb(137,253,72)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a5a9a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6ad99 Protanopia 1% of men
#c4a89e Deuteranopia 1% of men
#a9aebb Tritanopia 0.001% of the population

Trichromacy

#aeae97 Protanomaly 1% of men, 0.01% of women
#b6aa9b Deuteranomaly 6% of men, 0.4% of women
#a5aead Tritanomaly 0.01% of the population

#9faf96 hex color

#9faf96 Color Information

#9faf96 Color Conversion

Color Schemes with #9faf96

Alternatives to #9faf96

#9faf96 Preview

Shades and Tints of #9faf96

Tones of #9faf96

Color Blindness Simulator