#86c7dc hex color

In a RGB color space, hex #86c7dc is composed of 52.5% red, 78% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 39.1% cyan, 9.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 194.7 degrees, a saturation of 55.1% and a lightness of 69.4%. #86c7dc color hex could be obtained by blending #ffffff with #0d8fb9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 53
- G 78
- B 86
RGB color chart
- C 39
- M 10
- Y 0
- K 14
CMYK color chart

● #86c7dc color description : Very soft cyan.

The hexadecimal color #86c7dc has RGB values of R:134, G:199, B:220 and CMYK values of C:0.39, M:0.1, Y:0, K:0.14. Its decimal value is 8832988.

Hex triplet	86c7dc	`#86c7dc`
RGB Decimal	134, 199, 220	`rgb(134,199,220)`
RGB Percent	52.5, 78, 86.3	`rgb(52.5%,78%,86.3%)`
CMYK	39, 10, 0, 14
HSL	194.7°, 55.1, 69.4	`hsl(194.7,55.1%,69.4%)`
HSV (or HSB)	194.7°, 39.1, 86.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.728, -15.346, -16.982
XYZ	43.17, 51.08, 75.291
xyY	0.255, 0.301, 51.08
CIE-LCH	76.728, 22.889, 227.897
CIE-LUV	76.728, -30.96, -24.204
Hunter-Lab	71.471, -17.255, -12.43
Binary	10000110, 11000111, 11011100

#86c7dc
```
#86c7dc rgb(134,199,220)
```
#dc9b86
```
#dc9b86 rgb(220,155,134)
```

Complementary Color

#86dcc6
```
#86dcc6 rgb(134,220,198)
```
#86c7dc
```
#86c7dc rgb(134,199,220)
```
#869cdc
```
#869cdc rgb(134,156,220)
```

Analogous Color

#dcc686
```
#dcc686 rgb(220,198,134)
```
#86c7dc
```
#86c7dc rgb(134,199,220)
```
#dc869c
```
#dc869c rgb(220,134,156)
```

Split Complementary Color

#c7dc86
```
#c7dc86 rgb(199,220,134)
```
#86c7dc
```
#86c7dc rgb(134,199,220)
```
#dc86c7
```
#dc86c7 rgb(220,134,199)
```

Triadic Color

#86dc9b
```
#86dc9b rgb(134,220,155)
```
#86c7dc
```
#86c7dc rgb(134,199,220)
```
#dc86c7
```
#dc86c7 rgb(220,134,199)
```
#dc9b86
```
#dc9b86 rgb(220,155,134)
```

Tetradic Color

#4baccb
```
#4baccb rgb(75,172,203)
```
#5eb5d1
```
#5eb5d1 rgb(94,181,209)
```
#72bed6
```
#72bed6 rgb(114,190,214)
```
#86c7dc
```
#86c7dc rgb(134,199,220)
```
#9ad0e2
```
#9ad0e2 rgb(154,208,226)
```
#aed9e7
```
#aed9e7 rgb(174,217,231)
```
#c1e2ed
```
#c1e2ed rgb(193,226,237)
```

Monochromatic Color

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

#86dcdc
```
#86dcdc rgb(134,220,220)
```
#86d5dc
```
#86d5dc rgb(134,213,220)
```
#86cedc
```
#86cedc rgb(134,206,220)
```
#86c7dc
```
#86c7dc rgb(134,199,220)
```
#86c0dc
```
#86c0dc rgb(134,192,220)
```
#86b9dc
```
#86b9dc rgb(134,185,220)
```
#86b2dc
```
#86b2dc rgb(134,178,220)
```

Similar Colors

Text with hexadecimal color #86c7dc

This text has a font color of #86c7dc.

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

#86c7dc background color

This paragraph has a background color of #86c7dc.

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

#86c7dc border color

This element has a border color of #86c7dc.

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

CSS codes

.text {color:#86c7dc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050d10
```
#050d10 rgb(5,13,16)
```
#091a1f
```
#091a1f rgb(9,26,31)
```
#0d262e
```
#0d262e rgb(13,38,46)
```
#12333e
```
#12333e rgb(18,51,62)
```
#163f4d
```
#163f4d rgb(22,63,77)
```
#1b4c5c
```
#1b4c5c rgb(27,76,92)
```
#1f596b
```
#1f596b rgb(31,89,107)
```
#23657a
```
#23657a rgb(35,101,122)
```
#28728a
```
#28728a rgb(40,114,138)
```
#2c7e99
```
#2c7e99 rgb(44,126,153)
```
#318ba8
```
#318ba8 rgb(49,139,168)
```
#3597b7
```
#3597b7 rgb(53,151,183)
```

Shade Color Variation

#3aa4c6
```
#3aa4c6 rgb(58,164,198)
```
#49abca
```
#49abca rgb(73,171,202)
```
#58b2cf
```
#58b2cf rgb(88,178,207)
```
#68b9d3
```
#68b9d3 rgb(104,185,211)
```
#77c0d8
```
#77c0d8 rgb(119,192,216)
```
#86c7dc
```
#86c7dc rgb(134,199,220)
```
#95cee0
```
#95cee0 rgb(149,206,224)
```
#a4d5e5
```
#a4d5e5 rgb(164,213,229)
```
#b4dce9
```
#b4dce9 rgb(180,220,233)
```
#c3e3ee
```
#c3e3ee rgb(195,227,238)
```
#d2eaf2
```
#d2eaf2 rgb(210,234,242)
```
#e1f1f6
```
#e1f1f6 rgb(225,241,246)
```
#f1f8fb
```
#f1f8fb rgb(241,248,251)
```

Tint Color Variation

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

#b0b2b2
```
#b0b2b2 rgb(176,178,178)
```
#aab5b8
```
#aab5b8 rgb(170,181,184)
```
#a4b8be
```
#a4b8be rgb(164,184,190)
```
#9ebbc4
```
#9ebbc4 rgb(158,187,196)
```
#98beca
```
#98beca rgb(152,190,202)
```
#92c1d0
```
#92c1d0 rgb(146,193,208)
```
#8cc4d6
```
#8cc4d6 rgb(140,196,214)
```
#86c7dc
```
#86c7dc rgb(134,199,220)
```
#80cae2
```
#80cae2 rgb(128,202,226)
```
#7acde8
```
#7acde8 rgb(122,205,232)
```
#74d0ee
```
#74d0ee rgb(116,208,238)
```
#6ed3f4
```
#6ed3f4 rgb(110,211,244)
```
#68d6fa
```
#68d6fa rgb(104,214,250)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#acb9be Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbfd7 Protanopia 1% of men
#c1bce2 Deuteranopia 1% of men
#8acad9 Tritanopia 0.001% of the population

Trichromacy

#a8c2d9 Protanomaly 1% of men, 0.01% of women
#abc0e0 Deuteranomaly 6% of men, 0.4% of women
#89c9da Tritanomaly 0.01% of the population

#86c7dc hex color

#86c7dc Color Information

#86c7dc Color Conversion

Color Schemes with #86c7dc

Alternatives to #86c7dc

#86c7dc Preview

Shades and Tints of #86c7dc

Tones of #86c7dc

Color Blindness Simulator