#9caf9a hex color

In a RGB color space, hex #9caf9a is composed of 61.2% red, 68.6% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 0% magenta, 12% yellow and 31.4% black. It has a hue angle of 114.3 degrees, a saturation of 11.6% and a lightness of 64.5%. #9caf9a color hex could be obtained by blending #ffffff with #395f35. Closest websafe color is: #999999.

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

● #9caf9a color description : Dark grayish lime green.

The hexadecimal color #9caf9a has RGB values of R:156, G:175, B:154 and CMYK values of C:0.11, M:0, Y:0.12, K:0.31. Its decimal value is 10268570.

Hex triplet	9caf9a	`#9caf9a`
RGB Decimal	156, 175, 154	`rgb(156,175,154)`
RGB Percent	61.2, 68.6, 60.4	`rgb(61.2%,68.6%,60.4%)`
CMYK	11, 0, 12, 31
HSL	114.3°, 11.6, 64.5	`hsl(114.3,11.6%,64.5%)`
HSV (or HSB)	114.3°, 12, 68.6
Web Safe	999999	`#999999`

CIE-LAB	69.513, -10.645, 8.546
XYZ	34.872, 40.061, 36.465
xyY	0.313, 0.36, 40.061
CIE-LCH	69.513, 13.651, 141.242
CIE-LUV	69.513, -9.627, 14.009
Hunter-Lab	63.293, -12.418, 10.147
Binary	10011100, 10101111, 10011010

#9caf9a
```
#9caf9a rgb(156,175,154)
```
#ad9aaf
```
#ad9aaf rgb(173,154,175)
```

Complementary Color

#a7af9a
```
#a7af9a rgb(167,175,154)
```
#9caf9a
```
#9caf9a rgb(156,175,154)
```
#9aafa3
```
#9aafa3 rgb(154,175,163)
```

Analogous Color

#af9aa7
```
#af9aa7 rgb(175,154,167)
```
#9caf9a
```
#9caf9a rgb(156,175,154)
```
#a39aaf
```
#a39aaf rgb(163,154,175)
```

Split Complementary Color

#af9a9c
```
#af9a9c rgb(175,154,156)
```
#9caf9a
```
#9caf9a rgb(156,175,154)
```
#9a9caf
```
#9a9caf rgb(154,156,175)
```

Triadic Color

#afad9a
```
#afad9a rgb(175,173,154)
```
#9caf9a
```
#9caf9a rgb(156,175,154)
```
#9a9caf
```
#9a9caf rgb(154,156,175)
```
#ad9aaf
```
#ad9aaf rgb(173,154,175)
```

Tetradic Color

#728d70
```
#728d70 rgb(114,141,112)
```
#80987e
```
#80987e rgb(128,152,126)
```
#8ea48c
```
#8ea48c rgb(142,164,140)
```
#9caf9a
```
#9caf9a rgb(156,175,154)
```
#aabaa8
```
#aabaa8 rgb(170,186,168)
```
#b8c6b6
```
#b8c6b6 rgb(184,198,182)
```
#c6d1c5
```
#c6d1c5 rgb(198,209,197)
```

Monochromatic Color

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

#a1af9a
```
#a1af9a rgb(161,175,154)
```
#a0af9a
```
#a0af9a rgb(160,175,154)
```
#9eaf9a
```
#9eaf9a rgb(158,175,154)
```
#9caf9a
```
#9caf9a rgb(156,175,154)
```
#9aaf9a
```
#9aaf9a rgb(154,175,154)
```
#9aaf9c
```
#9aaf9c rgb(154,175,156)
```
#9aaf9d
```
#9aaf9d rgb(154,175,157)
```

Similar Colors

Text with hexadecimal color #9caf9a

This text has a font color of #9caf9a.

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

#9caf9a background color

This paragraph has a background color of #9caf9a.

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

#9caf9a border color

This element has a border color of #9caf9a.

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

CSS codes

.text {color:#9caf9a;}

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

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

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

#070807
```
#070807 rgb(7,8,7)
```
#10130f
```
#10130f rgb(16,19,15)
```
#191e18
```
#191e18 rgb(25,30,24)
```
#222921
```
#222921 rgb(34,41,33)
```
#2a3429
```
#2a3429 rgb(42,52,41)
```
#333f32
```
#333f32 rgb(51,63,50)
```
#3c4a3b
```
#3c4a3b rgb(60,74,59)
```
#455543
```
#455543 rgb(69,85,67)
```
#4e604c
```
#4e604c rgb(78,96,76)
```
#576b55
```
#576b55 rgb(87,107,85)
```
#60765d
```
#60765d rgb(96,118,93)
```
#698166
```
#698166 rgb(105,129,102)
```
#728c6f
```
#728c6f rgb(114,140,111)
```

Shade Color Variation

#7c9579
```
#7c9579 rgb(124,149,121)
```
#879e84
```
#879e84 rgb(135,158,132)
```
#91a68f
```
#91a68f rgb(145,166,143)
```
#9caf9a
```
#9caf9a rgb(156,175,154)
```
#a7b8a5
```
#a7b8a5 rgb(167,184,165)
```
#b1c0b0
```
#b1c0b0 rgb(177,192,176)
```
#bcc9bb
```
#bcc9bb rgb(188,201,187)
```
#c7d2c6
```
#c7d2c6 rgb(199,210,198)
```
#d2dad1
```
#d2dad1 rgb(210,218,209)
```
#dce3dc
```
#dce3dc rgb(220,227,220)
```
#e7ece7
```
#e7ece7 rgb(231,236,231)
```
#f2f4f2
```
#f2f4f2 rgb(242,244,242)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#a2a8a1
```
#a2a8a1 rgb(162,168,161)
```
#9caf9a
```
#9caf9a rgb(156,175,154)
```
#96b693
```
#96b693 rgb(150,182,147)
```
#91bd8c
```
#91bd8c rgb(145,189,140)
```
#8bc485
```
#8bc485 rgb(139,196,133)
```
#85cb7e
```
#85cb7e rgb(133,203,126)
```
#80d277
```
#80d277 rgb(128,210,119)
```
#7ad970
```
#7ad970 rgb(122,217,112)
```
#75e069
```
#75e069 rgb(117,224,105)
```
#6fe762
```
#6fe762 rgb(111,231,98)
```
#69ee5b
```
#69ee5b rgb(105,238,91)
```
#64f554
```
#64f554 rgb(100,245,84)
```
#5efc4d
```
#5efc4d rgb(94,252,77)
```

Tone Color Variation

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

#b5ad9c Protanopia 1% of men
#c2a8a2 Deuteranopia 1% of men
#a6aebb Tritanopia 0.001% of the population

Trichromacy

#acae9b Protanomaly 1% of men, 0.01% of women
#b4aa9f Deuteranomaly 6% of men, 0.4% of women
#a2aeaf Tritanomaly 0.01% of the population

#9caf9a hex color

#9caf9a Color Information

#9caf9a Color Conversion

Color Schemes with #9caf9a

Alternatives to #9caf9a

#9caf9a Preview

Shades and Tints of #9caf9a

Tones of #9caf9a

Color Blindness Simulator