#86bcdb hex color

In a RGB color space, hex #86bcdb is composed of 52.5% red, 73.7% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 14.2% magenta, 0% yellow and 14.1% black. It has a hue angle of 201.9 degrees, a saturation of 54.1% and a lightness of 69.2%. #86bcdb color hex could be obtained by blending #ffffff with #0d79b7. Closest websafe color is: #99cccc.

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

● #86bcdb color description : Very soft blue.

The hexadecimal color #86bcdb has RGB values of R:134, G:188, B:219 and CMYK values of C:0.39, M:0.14, Y:0, K:0.14. Its decimal value is 8830171.

Hex triplet	86bcdb	`#86bcdb`
RGB Decimal	134, 188, 219	`rgb(134,188,219)`
RGB Percent	52.5, 73.7, 85.9	`rgb(52.5%,73.7%,85.9%)`
CMYK	39, 14, 0, 14
HSL	201.9°, 54.1, 69.2	`hsl(201.9,54.1%,69.2%)`
HSV (or HSB)	201.9°, 38.8, 85.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.641, -9.832, -21.115
XYZ	40.598, 46.147, 73.782
xyY	0.253, 0.287, 46.147
CIE-LCH	73.641, 23.292, 245.031
CIE-LUV	73.641, -26.466, -31.644
Hunter-Lab	67.932, -12.205, -16.844
Binary	10000110, 10111100, 11011011

#86bcdb
```
#86bcdb rgb(134,188,219)
```
#dba586
```
#dba586 rgb(219,165,134)
```

Complementary Color

#86dbd0
```
#86dbd0 rgb(134,219,208)
```
#86bcdb
```
#86bcdb rgb(134,188,219)
```
#8692db
```
#8692db rgb(134,146,219)
```

Analogous Color

#dbd086
```
#dbd086 rgb(219,208,134)
```
#86bcdb
```
#86bcdb rgb(134,188,219)
```
#db8692
```
#db8692 rgb(219,134,146)
```

Split Complementary Color

#bcdb86
```
#bcdb86 rgb(188,219,134)
```
#86bcdb
```
#86bcdb rgb(134,188,219)
```
#db86bc
```
#db86bc rgb(219,134,188)
```

Triadic Color

#86dba5
```
#86dba5 rgb(134,219,165)
```
#86bcdb
```
#86bcdb rgb(134,188,219)
```
#db86bc
```
#db86bc rgb(219,134,188)
```
#dba586
```
#dba586 rgb(219,165,134)
```

Tetradic Color

#4b9bc9
```
#4b9bc9 rgb(75,155,201)
```
#5fa6cf
```
#5fa6cf rgb(95,166,207)
```
#72b1d5
```
#72b1d5 rgb(114,177,213)
```
#86bcdb
```
#86bcdb rgb(134,188,219)
```
#9ac7e1
```
#9ac7e1 rgb(154,199,225)
```
#add2e7
```
#add2e7 rgb(173,210,231)
```
#c1dded
```
#c1dded rgb(193,221,237)
```

Monochromatic Color

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

#86d1db
```
#86d1db rgb(134,209,219)
```
#86cadb
```
#86cadb rgb(134,202,219)
```
#86c3db
```
#86c3db rgb(134,195,219)
```
#86bcdb
```
#86bcdb rgb(134,188,219)
```
#86b5db
```
#86b5db rgb(134,181,219)
```
#86aedb
```
#86aedb rgb(134,174,219)
```
#86a7db
```
#86a7db rgb(134,167,219)
```

Similar Colors

Text with hexadecimal color #86bcdb

This text has a font color of #86bcdb.

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

#86bcdb background color

This paragraph has a background color of #86bcdb.

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

#86bcdb border color

This element has a border color of #86bcdb.

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

CSS codes

.text {color:#86bcdb;}

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

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

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, #040b0f is the darkest color, while #ffffff is the lightest one.

#040b0f
```
#040b0f rgb(4,11,15)
```
#09161e
```
#09161e rgb(9,22,30)
```
#0d222d
```
#0d222d rgb(13,34,45)
```
#122d3c
```
#122d3c rgb(18,45,60)
```
#16384c
```
#16384c rgb(22,56,76)
```
#1b435b
```
#1b435b rgb(27,67,91)
```
#1f4f6a
```
#1f4f6a rgb(31,79,106)
```
#245a79
```
#245a79 rgb(36,90,121)
```
#286588
```
#286588 rgb(40,101,136)
```
#2d7097
```
#2d7097 rgb(45,112,151)
```
#317ca6
```
#317ca6 rgb(49,124,166)
```
#3687b5
```
#3687b5 rgb(54,135,181)
```
#3a92c4
```
#3a92c4 rgb(58,146,196)
```

Shade Color Variation

#4a9bc9
```
#4a9bc9 rgb(74,155,201)
```
#59a3ce
```
#59a3ce rgb(89,163,206)
```
#68abd2
```
#68abd2 rgb(104,171,210)
```
#77b4d7
```
#77b4d7 rgb(119,180,215)
```
#86bcdb
```
#86bcdb rgb(134,188,219)
```
#95c4df
```
#95c4df rgb(149,196,223)
```
#a4cde4
```
#a4cde4 rgb(164,205,228)
```
#b3d5e8
```
#b3d5e8 rgb(179,213,232)
```
#c2dded
```
#c2dded rgb(194,221,237)
```
#d2e6f1
```
#d2e6f1 rgb(210,230,241)
```
#e1eef6
```
#e1eef6 rgb(225,238,246)
```
#f0f7fa
```
#f0f7fa rgb(240,247,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b0b1b1
```
#b0b1b1 rgb(176,177,177)
```
#aab2b7
```
#aab2b7 rgb(170,178,183)
```
#a4b4bd
```
#a4b4bd rgb(164,180,189)
```
#9eb5c3
```
#9eb5c3 rgb(158,181,195)
```
#98b7c9
```
#98b7c9 rgb(152,183,201)
```
#92b9cf
```
#92b9cf rgb(146,185,207)
```
#8cbad5
```
#8cbad5 rgb(140,186,213)
```
#86bcdb
```
#86bcdb rgb(134,188,219)
```
#80bee1
```
#80bee1 rgb(128,190,225)
```
#7abfe7
```
#7abfe7 rgb(122,191,231)
```
#74c1ed
```
#74c1ed rgb(116,193,237)
```
#6ec3f3
```
#6ec3f3 rgb(110,195,243)
```
#68c4f9
```
#68c4f9 rgb(104,196,249)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a7b2b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b7d7 Protanopia 1% of men
#b4b5e0 Deuteranopia 1% of men
#88c1cf Tritanopia 0.001% of the population

Trichromacy

#a1b8d8 Protanomaly 1% of men, 0.01% of women
#a3b7de Deuteranomaly 6% of men, 0.4% of women
#87bfd3 Tritanomaly 0.01% of the population

#86bcdb hex color

#86bcdb Color Information

#86bcdb Color Conversion

Color Schemes with #86bcdb

Alternatives to #86bcdb

#86bcdb Preview

Shades and Tints of #86bcdb

Tones of #86bcdb

Color Blindness Simulator