#86af96 hex color

In a RGB color space, hex #86af96 is composed of 52.5% red, 68.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 0% magenta, 14.3% yellow and 31.4% black. It has a hue angle of 143.4 degrees, a saturation of 20.4% and a lightness of 60.6%. #86af96 color hex could be obtained by blending #ffffff with #0d5f2d. Closest websafe color is: #999999.

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

● #86af96 color description : Dark grayish cyan - lime green.

The hexadecimal color #86af96 has RGB values of R:134, G:175, B:150 and CMYK values of C:0.23, M:0, Y:0.14, K:0.31. Its decimal value is 8826774.

Hex triplet	86af96	`#86af96`
RGB Decimal	134, 175, 150	`rgb(134,175,150)`
RGB Percent	52.5, 68.6, 58.8	`rgb(52.5%,68.6%,58.8%)`
CMYK	23, 0, 14, 31
HSL	143.4°, 20.4, 60.6	`hsl(143.4,20.4%,60.6%)`
HSV (or HSB)	143.4°, 23.4, 68.6
Web Safe	999999	`#999999`

CIE-LAB	67.969, -19.004, 8.349
XYZ	30.665, 37.929, 34.558
xyY	0.297, 0.368, 37.929
CIE-LCH	67.969, 20.757, 156.283
CIE-LUV	67.969, -20.701, 15.068
Hunter-Lab	61.587, -18.899, 9.842
Binary	10000110, 10101111, 10010110

#86af96
```
#86af96 rgb(134,175,150)
```
#af869f
```
#af869f rgb(175,134,159)
```

Complementary Color

#8baf86
```
#8baf86 rgb(139,175,134)
```
#86af96
```
#86af96 rgb(134,175,150)
```
#86afab
```
#86afab rgb(134,175,171)
```

Analogous Color

#af868b
```
#af868b rgb(175,134,139)
```
#86af96
```
#86af96 rgb(134,175,150)
```
#ab86af
```
#ab86af rgb(171,134,175)
```

Split Complementary Color

#af9686
```
#af9686 rgb(175,150,134)
```
#86af96
```
#86af96 rgb(134,175,150)
```
#9686af
```
#9686af rgb(150,134,175)
```

Triadic Color

#9faf86
```
#9faf86 rgb(159,175,134)
```
#86af96
```
#86af96 rgb(134,175,150)
```
#9686af
```
#9686af rgb(150,134,175)
```
#af869f
```
#af869f rgb(175,134,159)
```

Tetradic Color

#5d8c6f
```
#5d8c6f rgb(93,140,111)
```
#679b7b
```
#679b7b rgb(103,155,123)
```
#77a589
```
#77a589 rgb(119,165,137)
```
#86af96
```
#86af96 rgb(134,175,150)
```
#95b9a3
```
#95b9a3 rgb(149,185,163)
```
#a5c3b1
```
#a5c3b1 rgb(165,195,177)
```
#b4cdbe
```
#b4cdbe rgb(180,205,190)
```

Monochromatic Color

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

#86af8c
```
#86af8c rgb(134,175,140)
```
#86af8f
```
#86af8f rgb(134,175,143)
```
#86af93
```
#86af93 rgb(134,175,147)
```
#86af96
```
#86af96 rgb(134,175,150)
```
#86af99
```
#86af99 rgb(134,175,153)
```
#86af9d
```
#86af9d rgb(134,175,157)
```
#86afa0
```
#86afa0 rgb(134,175,160)
```

Similar Colors

Text with hexadecimal color #86af96

This text has a font color of #86af96.

<span style="color:#86af96;">Text here</span>

#86af96 background color

This paragraph has a background color of #86af96.

<p style="background-color:#86af96;">Content here</p>

#86af96 border color

This element has a border color of #86af96.

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

CSS codes

.text {color:#86af96;}

.background {background-color:#86af96;}

.border {border:1px solid #86af96;}

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

#060907
```
#060907 rgb(6,9,7)
```
#0e1510
```
#0e1510 rgb(14,21,16)
```
#15211a
```
#15211a rgb(21,33,26)
```
#1d2c23
```
#1d2c23 rgb(29,44,35)
```
#25382d
```
#25382d rgb(37,56,45)
```
#2d4436
```
#2d4436 rgb(45,68,54)
```
#35503f
```
#35503f rgb(53,80,63)
```
#3d5c49
```
#3d5c49 rgb(61,92,73)
```
#446752
```
#446752 rgb(68,103,82)
```
#4c735b
```
#4c735b rgb(76,115,91)
```
#547f65
```
#547f65 rgb(84,127,101)
```
#5c8b6e
```
#5c8b6e rgb(92,139,110)
```
#649777
```
#649777 rgb(100,151,119)
```

Shade Color Variation

#6e9f82
```
#6e9f82 rgb(110,159,130)
```
#7aa78c
```
#7aa78c rgb(122,167,140)
```
#86af96
```
#86af96 rgb(134,175,150)
```
#92b7a0
```
#92b7a0 rgb(146,183,160)
```
#9ebfaa
```
#9ebfaa rgb(158,191,170)
```
#a9c6b5
```
#a9c6b5 rgb(169,198,181)
```
#b5cebf
```
#b5cebf rgb(181,206,191)
```
#c1d6c9
```
#c1d6c9 rgb(193,214,201)
```
#cdded3
```
#cdded3 rgb(205,222,211)
```
#d9e6de
```
#d9e6de rgb(217,230,222)
```
#e4ede8
```
#e4ede8 rgb(228,237,232)
```
#f0f5f2
```
#f0f5f2 rgb(240,245,242)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

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

#95a099
```
#95a099 rgb(149,160,153)
```
#8ea798
```
#8ea798 rgb(142,167,152)
```
#86af96
```
#86af96 rgb(134,175,150)
```
#7eb794
```
#7eb794 rgb(126,183,148)
```
#77be93
```
#77be93 rgb(119,190,147)
```
#6fc691
```
#6fc691 rgb(111,198,145)
```
#67ce8f
```
#67ce8f rgb(103,206,143)
```
#5fd68e
```
#5fd68e rgb(95,214,142)
```
#58dd8c
```
#58dd8c rgb(88,221,140)
```
#50e58a
```
#50e58a rgb(80,229,138)
```
#48ed88
```
#48ed88 rgb(72,237,136)
```
#40f587
```
#40f587 rgb(64,245,135)
```
#39fc85
```
#39fc85 rgb(57,252,133)
```

Tone Color Variation

Below, you can see how #86af96 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

#a0a0a0 Achromatopsia 0.005% of the population
#9ba39e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a996 Protanopia 1% of men
#bda4a0 Deuteranopia 1% of men
#93aebb Tritanopia 0.001% of the population

Trichromacy

#a1ab96 Protanomaly 1% of men, 0.01% of women
#a9a89c Deuteranomaly 6% of men, 0.4% of women
#8eaead Tritanomaly 0.01% of the population

#86af96 hex color

#86af96 Color Information

#86af96 Color Conversion

Color Schemes with #86af96

Alternatives to #86af96

#86af96 Preview

Shades and Tints of #86af96

Tones of #86af96

Color Blindness Simulator