#86b7c3 hex color

In a RGB color space, hex #86b7c3 is composed of 52.5% red, 71.8% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 6.2% magenta, 0% yellow and 23.5% black. It has a hue angle of 191.8 degrees, a saturation of 33.7% and a lightness of 64.5%. #86b7c3 color hex could be obtained by blending #ffffff with #0d6f87. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 53
- G 72
- B 76
RGB color chart
- C 31
- M 6
- Y 0
- K 24
CMYK color chart

● #86b7c3 color description : Slightly desaturated cyan.

The hexadecimal color #86b7c3 has RGB values of R:134, G:183, B:195 and CMYK values of C:0.31, M:0.06, Y:0, K:0.24. Its decimal value is 8828867.

Hex triplet	86b7c3	`#86b7c3`
RGB Decimal	134, 183, 195	`rgb(134,183,195)`
RGB Percent	52.5, 71.8, 76.5	`rgb(52.5%,71.8%,76.5%)`
CMYK	31, 6, 0, 24
HSL	191.8°, 33.7, 64.5	`hsl(191.8,33.7%,64.5%)`
HSV (or HSB)	191.8°, 31.3, 76.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	71.469, -13.218, -11.292
XYZ	36.613, 42.874, 57.973
xyY	0.266, 0.312, 42.874
CIE-LCH	71.469, 17.384, 220.506
CIE-LUV	71.469, -24.416, -15.157
Hunter-Lab	65.478, -14.776, -6.659
Binary	10000110, 10110111, 11000011

#86b7c3
```
#86b7c3 rgb(134,183,195)
```
#c39286
```
#c39286 rgb(195,146,134)
```

Complementary Color

#86c3b1
```
#86c3b1 rgb(134,195,177)
```
#86b7c3
```
#86b7c3 rgb(134,183,195)
```
#8699c3
```
#8699c3 rgb(134,153,195)
```

Analogous Color

#c3b186
```
#c3b186 rgb(195,177,134)
```
#86b7c3
```
#86b7c3 rgb(134,183,195)
```
#c38699
```
#c38699 rgb(195,134,153)
```

Split Complementary Color

#b7c386
```
#b7c386 rgb(183,195,134)
```
#86b7c3
```
#86b7c3 rgb(134,183,195)
```
#c386b7
```
#c386b7 rgb(195,134,183)
```

Triadic Color

#86c392
```
#86c392 rgb(134,195,146)
```
#86b7c3
```
#86b7c3 rgb(134,183,195)
```
#c386b7
```
#c386b7 rgb(195,134,183)
```
#c39286
```
#c39286 rgb(195,146,134)
```

Tetradic Color

#5498a9
```
#5498a9 rgb(84,152,169)
```
#64a3b2
```
#64a3b2 rgb(100,163,178)
```
#75adbb
```
#75adbb rgb(117,173,187)
```
#86b7c3
```
#86b7c3 rgb(134,183,195)
```
#97c1cb
```
#97c1cb rgb(151,193,203)
```
#a8cbd4
```
#a8cbd4 rgb(168,203,212)
```
#b9d5dc
```
#b9d5dc rgb(185,213,220)
```

Monochromatic Color

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

#86c3c0
```
#86c3c0 rgb(134,195,192)
```
#86c1c3
```
#86c1c3 rgb(134,193,195)
```
#86bcc3
```
#86bcc3 rgb(134,188,195)
```
#86b7c3
```
#86b7c3 rgb(134,183,195)
```
#86b2c3
```
#86b2c3 rgb(134,178,195)
```
#86adc3
```
#86adc3 rgb(134,173,195)
```
#86a8c3
```
#86a8c3 rgb(134,168,195)
```

Similar Colors

Text with hexadecimal color #86b7c3

This text has a font color of #86b7c3.

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

#86b7c3 background color

This paragraph has a background color of #86b7c3.

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

#86b7c3 border color

This element has a border color of #86b7c3.

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

CSS codes

.text {color:#86b7c3;}

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

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

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, #05090a is the darkest color, while #fcfdfe is the lightest one.

#05090a
```
#05090a rgb(5,9,10)
```
#0c1517
```
#0c1517 rgb(12,21,23)
```
#122124
```
#122124 rgb(18,33,36)
```
#192d31
```
#192d31 rgb(25,45,49)
```
#1f383f
```
#1f383f rgb(31,56,63)
```
#26444c
```
#26444c rgb(38,68,76)
```
#2c5059
```
#2c5059 rgb(44,80,89)
```
#335c66
```
#335c66 rgb(51,92,102)
```
#396873
```
#396873 rgb(57,104,115)
```
#407380
```
#407380 rgb(64,115,128)
```
#467f8d
```
#467f8d rgb(70,127,141)
```
#4d8b9a
```
#4d8b9a rgb(77,139,154)
```
#5397a7
```
#5397a7 rgb(83,151,167)
```

Shade Color Variation

#5fa0af
```
#5fa0af rgb(95,160,175)
```
#6ca7b6
```
#6ca7b6 rgb(108,167,182)
```
#79afbc
```
#79afbc rgb(121,175,188)
```
#86b7c3
```
#86b7c3 rgb(134,183,195)
```
#93bfca
```
#93bfca rgb(147,191,202)
```
#a0c7d0
```
#a0c7d0 rgb(160,199,208)
```
#adced7
```
#adced7 rgb(173,206,215)
```
#bad6dd
```
#bad6dd rgb(186,214,221)
```
#c8dee4
```
#c8dee4 rgb(200,222,228)
```
#d5e6ea
```
#d5e6ea rgb(213,230,234)
```
#e2eef1
```
#e2eef1 rgb(226,238,241)
```
#eff5f7
```
#eff5f7 rgb(239,245,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#a2a6a7
```
#a2a6a7 rgb(162,166,167)
```
#9baaae
```
#9baaae rgb(155,170,174)
```
#94afb5
```
#94afb5 rgb(148,175,181)
```
#8db3bc
```
#8db3bc rgb(141,179,188)
```
#86b7c3
```
#86b7c3 rgb(134,183,195)
```
#7fbbca
```
#7fbbca rgb(127,187,202)
```
#78bfd1
```
#78bfd1 rgb(120,191,209)
```
#71c4d8
```
#71c4d8 rgb(113,196,216)
```
#6ac8df
```
#6ac8df rgb(106,200,223)
```
#63cce6
```
#63cce6 rgb(99,204,230)
```
#5cd0ed
```
#5cd0ed rgb(92,208,237)
```
#55d5f4
```
#55d5f4 rgb(85,213,244)
```
#4ed9fb
```
#4ed9fb rgb(78,217,251)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a3adaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b2c1 Protanopia 1% of men
#b8aeca Deuteranopia 1% of men
#8cbac7 Tritanopia 0.001% of the population

Trichromacy

#a1b3c1 Protanomaly 1% of men, 0.01% of women
#a6b1c7 Deuteranomaly 6% of men, 0.4% of women
#8ab9c6 Tritanomaly 0.01% of the population

#86b7c3 hex color

#86b7c3 Color Information

#86b7c3 Color Conversion

Color Schemes with #86b7c3

Alternatives to #86b7c3

#86b7c3 Preview

Shades and Tints of #86b7c3

Tones of #86b7c3

Color Blindness Simulator