#86af98 hex color

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

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

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

The hexadecimal color #86af98 has RGB values of R:134, G:175, B:152 and CMYK values of C:0.23, M:0, Y:0.13, K:0.31. Its decimal value is 8826776.

Hex triplet	86af98	`#86af98`
RGB Decimal	134, 175, 152	`rgb(134,175,152)`
RGB Percent	52.5, 68.6, 59.6	`rgb(52.5%,68.6%,59.6%)`
CMYK	23, 0, 13, 31
HSL	146.3°, 20.4, 60.6	`hsl(146.3,20.4%,60.6%)`
HSV (or HSB)	146.3°, 23.4, 68.6
Web Safe	999999	`#999999`

CIE-LAB	68.016, -18.606, 7.315
XYZ	30.828, 37.994, 35.413
xyY	0.296, 0.365, 37.994
CIE-LCH	68.016, 19.992, 158.538
CIE-LUV	68.016, -20.711, 13.562
Hunter-Lab	61.64, -18.597, 9.084
Binary	10000110, 10101111, 10011000

#86af98
```
#86af98 rgb(134,175,152)
```
#af869d
```
#af869d rgb(175,134,157)
```

Complementary Color

#89af86
```
#89af86 rgb(137,175,134)
```
#86af98
```
#86af98 rgb(134,175,152)
```
#86afad
```
#86afad rgb(134,175,173)
```

Analogous Color

#af8689
```
#af8689 rgb(175,134,137)
```
#86af98
```
#86af98 rgb(134,175,152)
```
#ad86af
```
#ad86af rgb(173,134,175)
```

Split Complementary Color

#af9886
```
#af9886 rgb(175,152,134)
```
#86af98
```
#86af98 rgb(134,175,152)
```
#9886af
```
#9886af rgb(152,134,175)
```

Triadic Color

#9daf86
```
#9daf86 rgb(157,175,134)
```
#86af98
```
#86af98 rgb(134,175,152)
```
#9886af
```
#9886af rgb(152,134,175)
```
#af869d
```
#af869d rgb(175,134,157)
```

Tetradic Color

#5d8c71
```
#5d8c71 rgb(93,140,113)
```
#679b7e
```
#679b7e rgb(103,155,126)
```
#77a58b
```
#77a58b rgb(119,165,139)
```
#86af98
```
#86af98 rgb(134,175,152)
```
#95b9a5
```
#95b9a5 rgb(149,185,165)
```
#a5c3b2
```
#a5c3b2 rgb(165,195,178)
```
#b4cdbf
```
#b4cdbf rgb(180,205,191)
```

Monochromatic Color

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

#86af8e
```
#86af8e rgb(134,175,142)
```
#86af91
```
#86af91 rgb(134,175,145)
```
#86af95
```
#86af95 rgb(134,175,149)
```
#86af98
```
#86af98 rgb(134,175,152)
```
#86af9b
```
#86af9b rgb(134,175,155)
```
#86af9f
```
#86af9f rgb(134,175,159)
```
#86afa2
```
#86afa2 rgb(134,175,162)
```

Similar Colors

Text with hexadecimal color #86af98

This text has a font color of #86af98.

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

#86af98 background color

This paragraph has a background color of #86af98.

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

#86af98 border color

This element has a border color of #86af98.

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

CSS codes

.text {color:#86af98;}

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

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

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 #fcfdfd is the lightest one.

#060907
```
#060907 rgb(6,9,7)
```
#0e1511
```
#0e1511 rgb(14,21,17)
```
#15211a
```
#15211a rgb(21,33,26)
```
#1d2c24
```
#1d2c24 rgb(29,44,36)
```
#25382d
```
#25382d rgb(37,56,45)
```
#2d4437
```
#2d4437 rgb(45,68,55)
```
#355041
```
#355041 rgb(53,80,65)
```
#3d5c4a
```
#3d5c4a rgb(61,92,74)
```
#446754
```
#446754 rgb(68,103,84)
```
#4c735d
```
#4c735d rgb(76,115,93)
```
#547f67
```
#547f67 rgb(84,127,103)
```
#5c8b70
```
#5c8b70 rgb(92,139,112)
```
#64977a
```
#64977a rgb(100,151,122)
```

Shade Color Variation

#6e9f84
```
#6e9f84 rgb(110,159,132)
```
#7aa78e
```
#7aa78e rgb(122,167,142)
```
#86af98
```
#86af98 rgb(134,175,152)
```
#92b7a2
```
#92b7a2 rgb(146,183,162)
```
#9ebfac
```
#9ebfac rgb(158,191,172)
```
#a9c6b6
```
#a9c6b6 rgb(169,198,182)
```
#b5cec0
```
#b5cec0 rgb(181,206,192)
```
#c1d6ca
```
#c1d6ca rgb(193,214,202)
```
#cdded4
```
#cdded4 rgb(205,222,212)
```
#d9e6de
```
#d9e6de rgb(217,230,222)
```
#e4ede8
```
#e4ede8 rgb(228,237,232)
```
#f0f5f2
```
#f0f5f2 rgb(240,245,242)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#95a09a
```
#95a09a rgb(149,160,154)
```
#8ea799
```
#8ea799 rgb(142,167,153)
```
#86af98
```
#86af98 rgb(134,175,152)
```
#7eb797
```
#7eb797 rgb(126,183,151)
```
#77be96
```
#77be96 rgb(119,190,150)
```
#6fc695
```
#6fc695 rgb(111,198,149)
```
#67ce94
```
#67ce94 rgb(103,206,148)
```
#5fd693
```
#5fd693 rgb(95,214,147)
```
#58dd92
```
#58dd92 rgb(88,221,146)
```
#50e591
```
#50e591 rgb(80,229,145)
```
#48ed90
```
#48ed90 rgb(72,237,144)
```
#40f590
```
#40f590 rgb(64,245,144)
```
#39fc8f
```
#39fc8f rgb(57,252,143)
```

Tone Color Variation

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

#b1a998 Protanopia 1% of men
#bda4a2 Deuteranopia 1% of men
#93aebb Tritanopia 0.001% of the population

Trichromacy

#a1ab98 Protanomaly 1% of men, 0.01% of women
#a9a89e Deuteranomaly 6% of men, 0.4% of women
#8eaeae Tritanomaly 0.01% of the population

#86af98 hex color

#86af98 Color Information

#86af98 Color Conversion

Color Schemes with #86af98

Alternatives to #86af98

#86af98 Preview

Shades and Tints of #86af98

Tones of #86af98

Color Blindness Simulator