#86caaf hex color

In a RGB color space, hex #86caaf is composed of 52.5% red, 79.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 33.7% cyan, 0% magenta, 13.4% yellow and 20.8% black. It has a hue angle of 156.2 degrees, a saturation of 39.1% and a lightness of 65.9%. #86caaf color hex could be obtained by blending #ffffff with #0d955f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 79
- B 69
RGB color chart
- C 34
- M 0
- Y 13
- K 21
CMYK color chart

● #86caaf color description : Slightly desaturated cyan - lime green.

The hexadecimal color #86caaf has RGB values of R:134, G:202, B:175 and CMYK values of C:0.34, M:0, Y:0.13, K:0.21. Its decimal value is 8833711.

Hex triplet	86caaf	`#86caaf`
RGB Decimal	134, 202, 175	`rgb(134,202,175)`
RGB Percent	52.5, 79.2, 68.6	`rgb(52.5%,79.2%,68.6%)`
CMYK	34, 0, 13, 21
HSL	156.2°, 39.1, 65.9	`hsl(156.2,39.1%,65.9%)`
HSV (or HSB)	156.2°, 33.7, 79.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	76.316, -27.362, 6.692
XYZ	38.688, 50.403, 48.245
xyY	0.282, 0.367, 50.403
CIE-LCH	76.316, 28.168, 166.258
CIE-LUV	76.316, -32.856, 14.404
Hunter-Lab	70.995, -26.97, 9.405
Binary	10000110, 11001010, 10101111

#86caaf
```
#86caaf rgb(134,202,175)
```
#ca86a1
```
#ca86a1 rgb(202,134,161)
```

Complementary Color

#86ca8d
```
#86ca8d rgb(134,202,141)
```
#86caaf
```
#86caaf rgb(134,202,175)
```
#86c3ca
```
#86c3ca rgb(134,195,202)
```

Analogous Color

#ca8d86
```
#ca8d86 rgb(202,141,134)
```
#86caaf
```
#86caaf rgb(134,202,175)
```
#ca86c3
```
#ca86c3 rgb(202,134,195)
```

Split Complementary Color

#caaf86
```
#caaf86 rgb(202,175,134)
```
#86caaf
```
#86caaf rgb(134,202,175)
```
#af86ca
```
#af86ca rgb(175,134,202)
```

Triadic Color

#a1ca86
```
#a1ca86 rgb(161,202,134)
```
#86caaf
```
#86caaf rgb(134,202,175)
```
#af86ca
```
#af86ca rgb(175,134,202)
```
#ca86a1
```
#ca86a1 rgb(202,134,161)
```

Tetradic Color

#51b38c
```
#51b38c rgb(81,179,140)
```
#63ba98
```
#63ba98 rgb(99,186,152)
```
#74c2a3
```
#74c2a3 rgb(116,194,163)
```
#86caaf
```
#86caaf rgb(134,202,175)
```
#98d2bb
```
#98d2bb rgb(152,210,187)
```
#a9dac6
```
#a9dac6 rgb(169,218,198)
```
#bbe1d2
```
#bbe1d2 rgb(187,225,210)
```

Monochromatic Color

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

#86ca9e
```
#86ca9e rgb(134,202,158)
```
#86caa4
```
#86caa4 rgb(134,202,164)
```
#86caa9
```
#86caa9 rgb(134,202,169)
```
#86caaf
```
#86caaf rgb(134,202,175)
```
#86cab5
```
#86cab5 rgb(134,202,181)
```
#86caba
```
#86caba rgb(134,202,186)
```
#86cac0
```
#86cac0 rgb(134,202,192)
```

Similar Colors

Text with hexadecimal color #86caaf

This text has a font color of #86caaf.

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

#86caaf background color

This paragraph has a background color of #86caaf.

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

#86caaf border color

This element has a border color of #86caaf.

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

CSS codes

.text {color:#86caaf;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#070f0c
```
#070f0c rgb(7,15,12)
```
#0d1d17
```
#0d1d17 rgb(13,29,23)
```
#132b21
```
#132b21 rgb(19,43,33)
```
#19382c
```
#19382c rgb(25,56,44)
```
#1f4636
```
#1f4636 rgb(31,70,54)
```
#255441
```
#255441 rgb(37,84,65)
```
#2b614c
```
#2b614c rgb(43,97,76)
```
#316f56
```
#316f56 rgb(49,111,86)
```
#377d61
```
#377d61 rgb(55,125,97)
```
#3d8a6b
```
#3d8a6b rgb(61,138,107)
```
#429876
```
#429876 rgb(66,152,118)
```
#48a581
```
#48a581 rgb(72,165,129)
```

Shade Color Variation

#4fb28b
```
#4fb28b rgb(79,178,139)
```
#5db894
```
#5db894 rgb(93,184,148)
```
#6bbe9d
```
#6bbe9d rgb(107,190,157)
```
#78c4a6
```
#78c4a6 rgb(120,196,166)
```
#86caaf
```
#86caaf rgb(134,202,175)
```
#94d0b8
```
#94d0b8 rgb(148,208,184)
```
#a1d6c1
```
#a1d6c1 rgb(161,214,193)
```
#afdcca
```
#afdcca rgb(175,220,202)
```
#bde2d3
```
#bde2d3 rgb(189,226,211)
```
#cae8dc
```
#cae8dc rgb(202,232,220)
```
#d8eee5
```
#d8eee5 rgb(216,238,229)
```
#e5f4ee
```
#e5f4ee rgb(229,244,238)
```
#f3faf7
```
#f3faf7 rgb(243,250,247)
```

Tint Color Variation

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

#a7a9a8
```
#a7a9a8 rgb(167,169,168)
```
#a1afa9
```
#a1afa9 rgb(161,175,169)
```
#9ab6ab
```
#9ab6ab rgb(154,182,171)
```
#93bdac
```
#93bdac rgb(147,189,172)
```
#8dc3ae
```
#8dc3ae rgb(141,195,174)
```
#86caaf
```
#86caaf rgb(134,202,175)
```
#7fd1b0
```
#7fd1b0 rgb(127,209,176)
```
#79d7b2
```
#79d7b2 rgb(121,215,178)
```
#72deb3
```
#72deb3 rgb(114,222,179)
```
#6be5b5
```
#6be5b5 rgb(107,229,181)
```
#65ebb6
```
#65ebb6 rgb(101,235,182)
```
#5ef2b7
```
#5ef2b7 rgb(94,242,183)
```
#57f9b9
```
#57f9b9 rgb(87,249,185)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#aab8b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7bfac Protanopia 1% of men
#d3b9b9 Deuteranopia 1% of men
#95c7d6 Tritanopia 0.001% of the population

Trichromacy

#afc3ad Protanomaly 1% of men, 0.01% of women
#b7bfb5 Deuteranomaly 6% of men, 0.4% of women
#8fc8c7 Tritanomaly 0.01% of the population

#86caaf hex color

#86caaf Color Information

#86caaf Color Conversion

Color Schemes with #86caaf

Alternatives to #86caaf

#86caaf Preview

Shades and Tints of #86caaf

Tones of #86caaf

Color Blindness Simulator