#8caf96 hex color

In a RGB color space, hex #8caf96 is composed of 54.9% red, 68.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 14.3% yellow and 31.4% black. It has a hue angle of 137.1 degrees, a saturation of 17.9% and a lightness of 61.8%. #8caf96 color hex could be obtained by blending #ffffff with #195f2d. Closest websafe color is: #999999.

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

● #8caf96 color description : Dark grayish cyan - lime green.

The hexadecimal color #8caf96 has RGB values of R:140, G:175, B:150 and CMYK values of C:0.2, M:0, Y:0.14, K:0.31. Its decimal value is 9219990.

Hex triplet	8caf96	`#8caf96`
RGB Decimal	140, 175, 150	`rgb(140,175,150)`
RGB Percent	54.9, 68.6, 58.8	`rgb(54.9%,68.6%,58.8%)`
CMYK	20, 0, 14, 31
HSL	137.1°, 17.9, 61.8	`hsl(137.1,17.9%,61.8%)`
HSV (or HSB)	137.1°, 20, 68.6
Web Safe	999999	`#999999`

CIE-LAB	68.341, -16.981, 8.931
XYZ	31.649, 38.437, 34.604
xyY	0.302, 0.367, 38.437
CIE-LCH	68.341, 19.186, 152.259
CIE-LUV	68.341, -17.804, 15.559
Hunter-Lab	61.997, -17.373, 10.305
Binary	10001100, 10101111, 10010110

#8caf96
```
#8caf96 rgb(140,175,150)
```
#af8ca5
```
#af8ca5 rgb(175,140,165)
```

Complementary Color

#94af8c
```
#94af8c rgb(148,175,140)
```
#8caf96
```
#8caf96 rgb(140,175,150)
```
#8cafa8
```
#8cafa8 rgb(140,175,168)
```

Analogous Color

#af8c94
```
#af8c94 rgb(175,140,148)
```
#8caf96
```
#8caf96 rgb(140,175,150)
```
#a88caf
```
#a88caf rgb(168,140,175)
```

Split Complementary Color

#af968c
```
#af968c rgb(175,150,140)
```
#8caf96
```
#8caf96 rgb(140,175,150)
```
#968caf
```
#968caf rgb(150,140,175)
```

Triadic Color

#a5af8c
```
#a5af8c rgb(165,175,140)
```
#8caf96
```
#8caf96 rgb(140,175,150)
```
#968caf
```
#968caf rgb(150,140,175)
```
#af8ca5
```
#af8ca5 rgb(175,140,165)
```

Tetradic Color

#628d6e
```
#628d6e rgb(98,141,110)
```
#6e9a7b
```
#6e9a7b rgb(110,154,123)
```
#7da588
```
#7da588 rgb(125,165,136)
```
#8caf96
```
#8caf96 rgb(140,175,150)
```
#9bb9a4
```
#9bb9a4 rgb(155,185,164)
```
#aac4b1
```
#aac4b1 rgb(170,196,177)
```
#b9cebf
```
#b9cebf rgb(185,206,191)
```

Monochromatic Color

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

#8caf8d
```
#8caf8d rgb(140,175,141)
```
#8caf90
```
#8caf90 rgb(140,175,144)
```
#8caf93
```
#8caf93 rgb(140,175,147)
```
#8caf96
```
#8caf96 rgb(140,175,150)
```
#8caf99
```
#8caf99 rgb(140,175,153)
```
#8caf9c
```
#8caf9c rgb(140,175,156)
```
#8caf9f
```
#8caf9f rgb(140,175,159)
```

Similar Colors

Text with hexadecimal color #8caf96

This text has a font color of #8caf96.

<span style="color:#8caf96;">Text here</span>

#8caf96 background color

This paragraph has a background color of #8caf96.

<p style="background-color:#8caf96;">Content here</p>

#8caf96 border color

This element has a border color of #8caf96.

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

CSS codes

.text {color:#8caf96;}

.background {background-color:#8caf96;}

.border {border:1px solid #8caf96;}

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

#000101
```
#000101 rgb(0,1,1)
```
#090c0a
```
#090c0a rgb(9,12,10)
```
#111813
```
#111813 rgb(17,24,19)
```
#19231c
```
#19231c rgb(25,35,28)
```
#212f25
```
#212f25 rgb(33,47,37)
```
#293b2e
```
#293b2e rgb(41,59,46)
```
#314637
```
#314637 rgb(49,70,55)
```
#395240
```
#395240 rgb(57,82,64)
```
#415d49
```
#415d49 rgb(65,93,73)
```
#496952
```
#496952 rgb(73,105,82)
```
#51745b
```
#51745b rgb(81,116,91)
```
#598064
```
#598064 rgb(89,128,100)
```
#618b6d
```
#618b6d rgb(97,139,109)
```

Shade Color Variation

#699776
```
#699776 rgb(105,151,118)
```
#759f81
```
#759f81 rgb(117,159,129)
```
#80a78b
```
#80a78b rgb(128,167,139)
```
#8caf96
```
#8caf96 rgb(140,175,150)
```
#98b7a1
```
#98b7a1 rgb(152,183,161)
```
#a3bfab
```
#a3bfab rgb(163,191,171)
```
#afc7b6
```
#afc7b6 rgb(175,199,182)
```
#bacfc0
```
#bacfc0 rgb(186,207,192)
```
#c6d7cb
```
#c6d7cb rgb(198,215,203)
```
#d1dfd5
```
#d1dfd5 rgb(209,223,213)
```
#dde7e0
```
#dde7e0 rgb(221,231,224)
```
#e9efea
```
#e9efea rgb(233,239,234)
```
#f4f7f5
```
#f4f7f5 rgb(244,247,245)
```

Tint Color Variation

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

#9ba09c
```
#9ba09c rgb(155,160,156)
```
#94a899
```
#94a899 rgb(148,168,153)
```
#8caf96
```
#8caf96 rgb(140,175,150)
```
#85b793
```
#85b793 rgb(133,183,147)
```
#7dbe90
```
#7dbe90 rgb(125,190,144)
```
#76c68c
```
#76c68c rgb(118,198,140)
```
#6ecd89
```
#6ecd89 rgb(110,205,137)
```
#67d586
```
#67d586 rgb(103,213,134)
```
#5fdc83
```
#5fdc83 rgb(95,220,131)
```
#58e480
```
#58e480 rgb(88,228,128)
```
#50eb7c
```
#50eb7c rgb(80,235,124)
```
#49f379
```
#49f379 rgb(73,243,121)
```
#41fa76
```
#41fa76 rgb(65,250,118)
```

Tone Color Variation

Below, you can see how #8caf96 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

#a2a2a2 Achromatopsia 0.005% of the population
#9ea5a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2aa97 Protanopia 1% of men
#bfa59f Deuteranopia 1% of men
#98aebb Tritanopia 0.001% of the population

Trichromacy

#a4ac96 Protanomaly 1% of men, 0.01% of women
#aca99c Deuteranomaly 6% of men, 0.4% of women
#94aead Tritanomaly 0.01% of the population

#8caf96 hex color

#8caf96 Color Information

#8caf96 Color Conversion

Color Schemes with #8caf96

Alternatives to #8caf96

#8caf96 Preview

Shades and Tints of #8caf96

Tones of #8caf96

Color Blindness Simulator