#9caf8b hex color

In a RGB color space, hex #9caf8b is composed of 61.2% red, 68.6% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 0% magenta, 20.6% yellow and 31.4% black. It has a hue angle of 91.7 degrees, a saturation of 18.4% and a lightness of 61.6%. #9caf8b color hex could be obtained by blending #ffffff with #395f17. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 61
- G 69
- B 55
RGB color chart
- C 11
- M 0
- Y 21
- K 31
CMYK color chart

● #9caf8b color description : Dark grayish green.

The hexadecimal color #9caf8b has RGB values of R:156, G:175, B:139 and CMYK values of C:0.11, M:0, Y:0.21, K:0.31. Its decimal value is 10268555.

Hex triplet	9caf8b	`#9caf8b`
RGB Decimal	156, 175, 139	`rgb(156,175,139)`
RGB Percent	61.2, 68.6, 54.5	`rgb(61.2%,68.6%,54.5%)`
CMYK	11, 0, 21, 31
HSL	91.7°, 18.4, 61.6	`hsl(91.7,18.4%,61.6%)`
HSV (or HSB)	91.7°, 20.6, 68.6
Web Safe	999999	`#999999`

CIE-LAB	69.178, -13.258, 16.296
XYZ	33.699, 39.592, 30.291
xyY	0.325, 0.382, 39.592
CIE-LCH	69.178, 21.008, 129.13
CIE-LUV	69.178, -9.188, 24.847
Hunter-Lab	62.922, -14.513, 15.503
Binary	10011100, 10101111, 10001011

#9caf8b
```
#9caf8b rgb(156,175,139)
```
#9e8baf
```
#9e8baf rgb(158,139,175)
```

Complementary Color

#aeaf8b
```
#aeaf8b rgb(174,175,139)
```
#9caf8b
```
#9caf8b rgb(156,175,139)
```
#8baf8c
```
#8baf8c rgb(139,175,140)
```

Analogous Color

#af8bae
```
#af8bae rgb(175,139,174)
```
#9caf8b
```
#9caf8b rgb(156,175,139)
```
#8c8baf
```
#8c8baf rgb(140,139,175)
```

Split Complementary Color

#af8b9c
```
#af8b9c rgb(175,139,156)
```
#9caf8b
```
#9caf8b rgb(156,175,139)
```
#8b9caf
```
#8b9caf rgb(139,156,175)
```

Triadic Color

#af9e8b
```
#af9e8b rgb(175,158,139)
```
#9caf8b
```
#9caf8b rgb(156,175,139)
```
#8b9caf
```
#8b9caf rgb(139,156,175)
```
#9e8baf
```
#9e8baf rgb(158,139,175)
```

Tetradic Color

#768d61
```
#768d61 rgb(118,141,97)
```
#829a6d
```
#829a6d rgb(130,154,109)
```
#8fa57c
```
#8fa57c rgb(143,165,124)
```
#9caf8b
```
#9caf8b rgb(156,175,139)
```
#a9b99a
```
#a9b99a rgb(169,185,154)
```
#b6c4a9
```
#b6c4a9 rgb(182,196,169)
```
#c3ceb8
```
#c3ceb8 rgb(195,206,184)
```

Monochromatic Color

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

#a5af8b
```
#a5af8b rgb(165,175,139)
```
#a2af8b
```
#a2af8b rgb(162,175,139)
```
#9faf8b
```
#9faf8b rgb(159,175,139)
```
#9caf8b
```
#9caf8b rgb(156,175,139)
```
#99af8b
```
#99af8b rgb(153,175,139)
```
#96af8b
```
#96af8b rgb(150,175,139)
```
#93af8b
```
#93af8b rgb(147,175,139)
```

Similar Colors

Text with hexadecimal color #9caf8b

This text has a font color of #9caf8b.

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

#9caf8b background color

This paragraph has a background color of #9caf8b.

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

#9caf8b border color

This element has a border color of #9caf8b.

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

CSS codes

.text {color:#9caf8b;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0a0c08
```
#0a0c08 rgb(10,12,8)
```
#131710
```
#131710 rgb(19,23,16)
```
#1d2318
```
#1d2318 rgb(29,35,24)
```
#272f20
```
#272f20 rgb(39,47,32)
```
#313a28
```
#313a28 rgb(49,58,40)
```
#3a4630
```
#3a4630 rgb(58,70,48)
```
#445138
```
#445138 rgb(68,81,56)
```
#4e5d40
```
#4e5d40 rgb(78,93,64)
```
#576948
```
#576948 rgb(87,105,72)
```
#617450
```
#617450 rgb(97,116,80)
```
#6b8058
```
#6b8058 rgb(107,128,88)
```
#758b60
```
#758b60 rgb(117,139,96)
```

Shade Color Variation

#7e9768
```
#7e9768 rgb(126,151,104)
```
#889f74
```
#889f74 rgb(136,159,116)
```
#92a77f
```
#92a77f rgb(146,167,127)
```
#9caf8b
```
#9caf8b rgb(156,175,139)
```
#a6b797
```
#a6b797 rgb(166,183,151)
```
#b0bfa2
```
#b0bfa2 rgb(176,191,162)
```
#bac7ae
```
#bac7ae rgb(186,199,174)
```
#c4cfb9
```
#c4cfb9 rgb(196,207,185)
```
#ced7c5
```
#ced7c5 rgb(206,215,197)
```
#d7dfd1
```
#d7dfd1 rgb(215,223,209)
```
#e1e7dc
```
#e1e7dc rgb(225,231,220)
```
#ebefe8
```
#ebefe8 rgb(235,239,232)
```
#f5f7f3
```
#f5f7f3 rgb(245,247,243)
```

Tint Color Variation

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

#9da09a
```
#9da09a rgb(157,160,154)
```
#9ca793
```
#9ca793 rgb(156,167,147)
```
#9caf8b
```
#9caf8b rgb(156,175,139)
```
#9cb783
```
#9cb783 rgb(156,183,131)
```
#9bbe7c
```
#9bbe7c rgb(155,190,124)
```
#9bc674
```
#9bc674 rgb(155,198,116)
```
#9acd6d
```
#9acd6d rgb(154,205,109)
```
#9ad565
```
#9ad565 rgb(154,213,101)
```
#99dc5e
```
#99dc5e rgb(153,220,94)
```
#99e456
```
#99e456 rgb(153,228,86)
```
#99eb4f
```
#99eb4f rgb(153,235,79)
```
#98f347
```
#98f347 rgb(152,243,71)
```
#98fa40
```
#98fa40 rgb(152,250,64)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a3a7a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ac8e Protanopia 1% of men
#c6a794 Deuteranopia 1% of men
#a8adb9 Tritanopia 0.001% of the population

Trichromacy

#adad8d Protanomaly 1% of men, 0.01% of women
#b6aa91 Deuteranomaly 6% of men, 0.4% of women
#a3aea8 Tritanomaly 0.01% of the population

#9caf8b hex color

#9caf8b Color Information

#9caf8b Color Conversion

Color Schemes with #9caf8b

Alternatives to #9caf8b

#9caf8b Preview

Shades and Tints of #9caf8b

Tones of #9caf8b

Color Blindness Simulator