#86c2c6 hex color

In a RGB color space, hex #86c2c6 is composed of 52.5% red, 76.1% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 32.3% cyan, 2% magenta, 0% yellow and 22.4% black. It has a hue angle of 183.8 degrees, a saturation of 36% and a lightness of 65.1%. #86c2c6 color hex could be obtained by blending #ffffff with #0d858d. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 53
- G 76
- B 78
RGB color chart
- C 32
- M 2
- Y 0
- K 22
CMYK color chart

● #86c2c6 color description : Slightly desaturated cyan.

The hexadecimal color #86c2c6 has RGB values of R:134, G:194, B:198 and CMYK values of C:0.32, M:0.02, Y:0, K:0.22. Its decimal value is 8831686.

Hex triplet	86c2c6	`#86c2c6`
RGB Decimal	134, 194, 198	`rgb(134,194,198)`
RGB Percent	52.5, 76.1, 77.6	`rgb(52.5%,76.1%,77.6%)`
CMYK	32, 2, 0, 22
HSL	183.8°, 36, 65.1	`hsl(183.8,36%,65.1%)`
HSV (or HSB)	183.8°, 32.3, 77.6
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.653, -18.205, -8.183
XYZ	39.314, 47.727, 60.564
xyY	0.266, 0.323, 47.727
CIE-LCH	74.653, 19.959, 204.203
CIE-LUV	74.653, -29.111, -9.576
Hunter-Lab	69.085, -19.321, -3.617
Binary	10000110, 11000010, 11000110

#86c2c6
```
#86c2c6 rgb(134,194,198)
```
#c68a86
```
#c68a86 rgb(198,138,134)
```

Complementary Color

#86c6aa
```
#86c6aa rgb(134,198,170)
```
#86c2c6
```
#86c2c6 rgb(134,194,198)
```
#86a2c6
```
#86a2c6 rgb(134,162,198)
```

Analogous Color

#c6aa86
```
#c6aa86 rgb(198,170,134)
```
#86c2c6
```
#86c2c6 rgb(134,194,198)
```
#c686a2
```
#c686a2 rgb(198,134,162)
```

Split Complementary Color

#c2c686
```
#c2c686 rgb(194,198,134)
```
#86c2c6
```
#86c2c6 rgb(134,194,198)
```
#c686c2
```
#c686c2 rgb(198,134,194)
```

Triadic Color

#86c68a
```
#86c68a rgb(134,198,138)
```
#86c2c6
```
#86c2c6 rgb(134,194,198)
```
#c686c2
```
#c686c2 rgb(198,134,194)
```
#c68a86
```
#c68a86 rgb(198,138,134)
```

Tetradic Color

#52a8ae
```
#52a8ae rgb(82,168,174)
```
#63b1b6
```
#63b1b6 rgb(99,177,182)
```
#75b9be
```
#75b9be rgb(117,185,190)
```
#86c2c6
```
#86c2c6 rgb(134,194,198)
```
#97cbce
```
#97cbce rgb(151,203,206)
```
#a9d3d6
```
#a9d3d6 rgb(169,211,214)
```
#badcde
```
#badcde rgb(186,220,222)
```

Monochromatic Color

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

#86c6ba
```
#86c6ba rgb(134,198,186)
```
#86c6bf
```
#86c6bf rgb(134,198,191)
```
#86c6c5
```
#86c6c5 rgb(134,198,197)
```
#86c2c6
```
#86c2c6 rgb(134,194,198)
```
#86bdc6
```
#86bdc6 rgb(134,189,198)
```
#86b7c6
```
#86b7c6 rgb(134,183,198)
```
#86b2c6
```
#86b2c6 rgb(134,178,198)
```

Similar Colors

Text with hexadecimal color #86c2c6

This text has a font color of #86c2c6.

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

#86c2c6 background color

This paragraph has a background color of #86c2c6.

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

#86c2c6 border color

This element has a border color of #86c2c6.

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

CSS codes

.text {color:#86c2c6;}

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

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

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, #060c0c is the darkest color, while #fefeff is the lightest one.

#060c0c
```
#060c0c rgb(6,12,12)
```
#0c191a
```
#0c191a rgb(12,25,26)
```
#122627
```
#122627 rgb(18,38,39)
```
#193334
```
#193334 rgb(25,51,52)
```
#1f4042
```
#1f4042 rgb(31,64,66)
```
#254c4f
```
#254c4f rgb(37,76,79)
```
#2c595c
```
#2c595c rgb(44,89,92)
```
#32666a
```
#32666a rgb(50,102,106)
```
#387377
```
#387377 rgb(56,115,119)
```
#3e8084
```
#3e8084 rgb(62,128,132)
```
#458d92
```
#458d92 rgb(69,141,146)
```
#4b9a9f
```
#4b9a9f rgb(75,154,159)
```
#51a7ac
```
#51a7ac rgb(81,167,172)
```

Shade Color Variation

#5eaeb3
```
#5eaeb3 rgb(94,174,179)
```
#6bb5b9
```
#6bb5b9 rgb(107,181,185)
```
#79bbc0
```
#79bbc0 rgb(121,187,192)
```
#86c2c6
```
#86c2c6 rgb(134,194,198)
```
#93c9cc
```
#93c9cc rgb(147,201,204)
```
#a1cfd3
```
#a1cfd3 rgb(161,207,211)
```
#aed6d9
```
#aed6d9 rgb(174,214,217)
```
#bbdddf
```
#bbdddf rgb(187,221,223)
```
#c9e4e5
```
#c9e4e5 rgb(201,228,229)
```
#d6eaec
```
#d6eaec rgb(214,234,236)
```
#e3f1f2
```
#e3f1f2 rgb(227,241,242)
```
#f1f8f8
```
#f1f8f8 rgb(241,248,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a1aaab
```
#a1aaab rgb(161,170,171)
```
#9bb0b1
```
#9bb0b1 rgb(155,176,177)
```
#94b6b8
```
#94b6b8 rgb(148,182,184)
```
#8dbcbf
```
#8dbcbf rgb(141,188,191)
```
#86c2c6
```
#86c2c6 rgb(134,194,198)
```
#7fc8cd
```
#7fc8cd rgb(127,200,205)
```
#78ced4
```
#78ced4 rgb(120,206,212)
```
#71d4db
```
#71d4db rgb(113,212,219)
```
#6bdae1
```
#6bdae1 rgb(107,218,225)
```
#64e0e8
```
#64e0e8 rgb(100,224,232)
```
#5de6ef
```
#5de6ef rgb(93,230,239)
```
#56ecf6
```
#56ecf6 rgb(86,236,246)
```
#4ff2fd
```
#4ff2fd rgb(79,242,253)
```

Tone Color Variation

Below, you can see how #86c2c6 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
#a8b4b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbac2 Protanopia 1% of men
#c3b6cd Deuteranopia 1% of men
#8ec3d1 Tritanopia 0.001% of the population

Trichromacy

#a8bdc4 Protanomaly 1% of men, 0.01% of women
#adbacb Deuteranomaly 6% of men, 0.4% of women
#8bc3cd Tritanomaly 0.01% of the population

#86c2c6 hex color

#86c2c6 Color Information

#86c2c6 Color Conversion

Color Schemes with #86c2c6

Alternatives to #86c2c6

#86c2c6 Preview

Shades and Tints of #86c2c6

Tones of #86c2c6

Color Blindness Simulator