#86c2ce hex color

In a RGB color space, hex #86c2ce is composed of 52.5% red, 76.1% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 35% cyan, 5.8% magenta, 0% yellow and 19.2% black. It has a hue angle of 190 degrees, a saturation of 42.4% and a lightness of 66.7%. #86c2ce color hex could be obtained by blending #ffffff with #0d859d. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 53
- G 76
- B 81
RGB color chart
- C 35
- M 6
- Y 0
- K 19
CMYK color chart

● #86c2ce color description : Slightly desaturated cyan.

The hexadecimal color #86c2ce has RGB values of R:134, G:194, B:206 and CMYK values of C:0.35, M:0.06, Y:0, K:0.19. Its decimal value is 8831694.

Hex triplet	86c2ce	`#86c2ce`
RGB Decimal	134, 194, 206	`rgb(134,194,206)`
RGB Percent	52.5, 76.1, 80.8	`rgb(52.5%,76.1%,80.8%)`
CMYK	35, 6, 0, 19
HSL	190°, 42.4, 66.7	`hsl(190,42.4%,66.7%)`
HSV (or HSB)	190°, 35, 80.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.892, -16.268, -12.168
XYZ	40.261, 48.106, 65.553
xyY	0.262, 0.313, 48.106
CIE-LCH	74.892, 20.315, 216.797
CIE-LUV	74.892, -29.038, -16.202
Hunter-Lab	69.359, -17.763, -7.486
Binary	10000110, 11000010, 11001110

#86c2ce
```
#86c2ce rgb(134,194,206)
```
#ce9286
```
#ce9286 rgb(206,146,134)
```

Complementary Color

#86ceb6
```
#86ceb6 rgb(134,206,182)
```
#86c2ce
```
#86c2ce rgb(134,194,206)
```
#869ece
```
#869ece rgb(134,158,206)
```

Analogous Color

#ceb686
```
#ceb686 rgb(206,182,134)
```
#86c2ce
```
#86c2ce rgb(134,194,206)
```
#ce869e
```
#ce869e rgb(206,134,158)
```

Split Complementary Color

#c2ce86
```
#c2ce86 rgb(194,206,134)
```
#86c2ce
```
#86c2ce rgb(134,194,206)
```
#ce86c2
```
#ce86c2 rgb(206,134,194)
```

Triadic Color

#86ce92
```
#86ce92 rgb(134,206,146)
```
#86c2ce
```
#86c2ce rgb(134,194,206)
```
#ce86c2
```
#ce86c2 rgb(206,134,194)
```
#ce9286
```
#ce9286 rgb(206,146,134)
```

Tetradic Color

#50a7b8
```
#50a7b8 rgb(80,167,184)
```
#62b0bf
```
#62b0bf rgb(98,176,191)
```
#74b9c7
```
#74b9c7 rgb(116,185,199)
```
#86c2ce
```
#86c2ce rgb(134,194,206)
```
#98cbd5
```
#98cbd5 rgb(152,203,213)
```
#aad4dd
```
#aad4dd rgb(170,212,221)
```
#bcdde4
```
#bcdde4 rgb(188,221,228)
```

Monochromatic Color

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

#86cec8
```
#86cec8 rgb(134,206,200)
```
#86cece
```
#86cece rgb(134,206,206)
```
#86c8ce
```
#86c8ce rgb(134,200,206)
```
#86c2ce
```
#86c2ce rgb(134,194,206)
```
#86bcce
```
#86bcce rgb(134,188,206)
```
#86b6ce
```
#86b6ce rgb(134,182,206)
```
#86b0ce
```
#86b0ce rgb(134,176,206)
```

Similar Colors

Text with hexadecimal color #86c2ce

This text has a font color of #86c2ce.

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

#86c2ce background color

This paragraph has a background color of #86c2ce.

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

#86c2ce border color

This element has a border color of #86c2ce.

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

CSS codes

.text {color:#86c2ce;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#081113
```
#081113 rgb(8,17,19)
```
#0d1d21
```
#0d1d21 rgb(13,29,33)
```
#132a2f
```
#132a2f rgb(19,42,47)
```
#19373d
```
#19373d rgb(25,55,61)
```
#1e434a
```
#1e434a rgb(30,67,74)
```
#245058
```
#245058 rgb(36,80,88)
```
#295c66
```
#295c66 rgb(41,92,102)
```
#2f6974
```
#2f6974 rgb(47,105,116)
```
#357582
```
#357582 rgb(53,117,130)
```
#3a8290
```
#3a8290 rgb(58,130,144)
```
#408f9e
```
#408f9e rgb(64,143,158)
```
#469bac
```
#469bac rgb(70,155,172)
```

Shade Color Variation

#4ea6b7
```
#4ea6b7 rgb(78,166,183)
```
#5cadbd
```
#5cadbd rgb(92,173,189)
```
#6ab4c3
```
#6ab4c3 rgb(106,180,195)
```
#78bbc8
```
#78bbc8 rgb(120,187,200)
```
#86c2ce
```
#86c2ce rgb(134,194,206)
```
#94c9d4
```
#94c9d4 rgb(148,201,212)
```
#a2d0d9
```
#a2d0d9 rgb(162,208,217)
```
#b0d7df
```
#b0d7df rgb(176,215,223)
```
#bedee5
```
#bedee5 rgb(190,222,229)
```
#cce5ea
```
#cce5ea rgb(204,229,234)
```
#daecf0
```
#daecf0 rgb(218,236,240)
```
#e8f3f6
```
#e8f3f6 rgb(232,243,246)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#a7acad
```
#a7acad rgb(167,172,173)
```
#a0b1b4
```
#a0b1b4 rgb(160,177,180)
```
#9ab5ba
```
#9ab5ba rgb(154,181,186)
```
#93b9c1
```
#93b9c1 rgb(147,185,193)
```
#8dbec7
```
#8dbec7 rgb(141,190,199)
```
#86c2ce
```
#86c2ce rgb(134,194,206)
```
#7fc6d5
```
#7fc6d5 rgb(127,198,213)
```
#79cbdb
```
#79cbdb rgb(121,203,219)
```
#72cfe2
```
#72cfe2 rgb(114,207,226)
```
#6cd3e8
```
#6cd3e8 rgb(108,211,232)
```
#65d8ef
```
#65d8ef rgb(101,216,239)
```
#5fdcf5
```
#5fdcf5 rgb(95,220,245)
```
#58e1fc
```
#58e1fc rgb(88,225,252)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a8b4b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#babaca Protanopia 1% of men
#c0b7d5 Deuteranopia 1% of men
#8dc4d3 Tritanopia 0.001% of the population

Trichromacy

#a7bdcb Protanomaly 1% of men, 0.01% of women
#abbbd2 Deuteranomaly 6% of men, 0.4% of women
#8ac3d1 Tritanomaly 0.01% of the population

#86c2ce hex color

#86c2ce Color Information

#86c2ce Color Conversion

Color Schemes with #86c2ce

Alternatives to #86c2ce

#86c2ce Preview

Shades and Tints of #86c2ce

Tones of #86c2ce

Color Blindness Simulator