#86b1bb hex color

In a RGB color space, hex #86b1bb is composed of 52.5% red, 69.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 5.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 191.3 degrees, a saturation of 28% and a lightness of 62.9%. #86b1bb color hex could be obtained by blending #ffffff with #0d6377. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 69
- B 73
RGB color chart
- C 28
- M 5
- Y 0
- K 27
CMYK color chart

● #86b1bb color description : Slightly desaturated cyan.

The hexadecimal color #86b1bb has RGB values of R:134, G:177, B:187 and CMYK values of C:0.28, M:0.05, Y:0, K:0.27. Its decimal value is 8827323.

Hex triplet	86b1bb	`#86b1bb`
RGB Decimal	134, 177, 187	`rgb(134,177,187)`
RGB Percent	52.5, 69.4, 73.3	`rgb(52.5%,69.4%,73.3%)`
CMYK	28, 5, 0, 27
HSL	191.3°, 28, 62.9	`hsl(191.3,28%,62.9%)`
HSV (or HSB)	191.3°, 28.3, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.54, -11.967, -9.776
XYZ	34.521, 40.099, 52.932
xyY	0.271, 0.314, 40.099
CIE-LCH	69.54, 15.453, 219.246
CIE-LUV	69.54, -21.792, -12.902
Hunter-Lab	63.324, -13.507, -5.233
Binary	10000110, 10110001, 10111011

#86b1bb
```
#86b1bb rgb(134,177,187)
```
#bb9086
```
#bb9086 rgb(187,144,134)
```

Complementary Color

#86bbab
```
#86bbab rgb(134,187,171)
```
#86b1bb
```
#86b1bb rgb(134,177,187)
```
#8697bb
```
#8697bb rgb(134,151,187)
```

Analogous Color

#bbab86
```
#bbab86 rgb(187,171,134)
```
#86b1bb
```
#86b1bb rgb(134,177,187)
```
#bb8697
```
#bb8697 rgb(187,134,151)
```

Split Complementary Color

#b1bb86
```
#b1bb86 rgb(177,187,134)
```
#86b1bb
```
#86b1bb rgb(134,177,187)
```
#bb86b1
```
#bb86b1 rgb(187,134,177)
```

Triadic Color

#86bb90
```
#86bb90 rgb(134,187,144)
```
#86b1bb
```
#86b1bb rgb(134,177,187)
```
#bb86b1
```
#bb86b1 rgb(187,134,177)
```
#bb9086
```
#bb9086 rgb(187,144,134)
```

Tetradic Color

#58909d
```
#58909d rgb(88,144,157)
```
#659ca9
```
#659ca9 rgb(101,156,169)
```
#76a6b2
```
#76a6b2 rgb(118,166,178)
```
#86b1bb
```
#86b1bb rgb(134,177,187)
```
#96bcc4
```
#96bcc4 rgb(150,188,196)
```
#a7c6cd
```
#a7c6cd rgb(167,198,205)
```
#b7d1d7
```
#b7d1d7 rgb(183,209,215)
```

Monochromatic Color

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

#86bbb8
```
#86bbb8 rgb(134,187,184)
```
#86babb
```
#86babb rgb(134,186,187)
```
#86b5bb
```
#86b5bb rgb(134,181,187)
```
#86b1bb
```
#86b1bb rgb(134,177,187)
```
#86adbb
```
#86adbb rgb(134,173,187)
```
#86a8bb
```
#86a8bb rgb(134,168,187)
```
#86a4bb
```
#86a4bb rgb(134,164,187)
```

Similar Colors

Text with hexadecimal color #86b1bb

This text has a font color of #86b1bb.

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

#86b1bb background color

This paragraph has a background color of #86b1bb.

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

#86b1bb border color

This element has a border color of #86b1bb.

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

CSS codes

.text {color:#86b1bb;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a1011
```
#0a1011 rgb(10,16,17)
```
#111b1e
```
#111b1e rgb(17,27,30)
```
#18272a
```
#18272a rgb(24,39,42)
```
#1f3237
```
#1f3237 rgb(31,50,55)
```
#263e43
```
#263e43 rgb(38,62,67)
```
#2d4950
```
#2d4950 rgb(45,73,80)
```
#34555c
```
#34555c rgb(52,85,92)
```
#3b6069
```
#3b6069 rgb(59,96,105)
```
#426c76
```
#426c76 rgb(66,108,118)
```
#497782
```
#497782 rgb(73,119,130)
```
#50838f
```
#50838f rgb(80,131,143)
```
#578e9b
```
#578e9b rgb(87,142,155)
```

Shade Color Variation

#6099a6
```
#6099a6 rgb(96,153,166)
```
#6da1ad
```
#6da1ad rgb(109,161,173)
```
#79a9b4
```
#79a9b4 rgb(121,169,180)
```
#86b1bb
```
#86b1bb rgb(134,177,187)
```
#93b9c2
```
#93b9c2 rgb(147,185,194)
```
#9fc1c9
```
#9fc1c9 rgb(159,193,201)
```
#acc9d0
```
#acc9d0 rgb(172,201,208)
```
#b8d1d7
```
#b8d1d7 rgb(184,209,215)
```
#c5d9de
```
#c5d9de rgb(197,217,222)
```
#d1e2e5
```
#d1e2e5 rgb(209,226,229)
```
#deeaec
```
#deeaec rgb(222,234,236)
```
#eaf2f3
```
#eaf2f3 rgb(234,242,243)
```
#f7fafb
```
#f7fafb rgb(247,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca3a5 is the less saturated color, while #45dafc is the most saturated one.

#9ca3a5
```
#9ca3a5 rgb(156,163,165)
```
#95a8ac
```
#95a8ac rgb(149,168,172)
```
#8dacb4
```
#8dacb4 rgb(141,172,180)
```
#86b1bb
```
#86b1bb rgb(134,177,187)
```
#7fb6c2
```
#7fb6c2 rgb(127,182,194)
```
#77baca
```
#77baca rgb(119,186,202)
```
#70bfd1
```
#70bfd1 rgb(112,191,209)
```
#69c3d8
```
#69c3d8 rgb(105,195,216)
```
#62c8df
```
#62c8df rgb(98,200,223)
```
#5acce7
```
#5acce7 rgb(90,204,231)
```
#53d1ee
```
#53d1ee rgb(83,209,238)
```
#4cd5f5
```
#4cd5f5 rgb(76,213,245)
```
#45dafc
```
#45dafc rgb(69,218,252)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9fa7a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adadba Protanopia 1% of men
#b4aac2 Deuteranopia 1% of men
#8db4c1 Tritanopia 0.001% of the population

Trichromacy

#9faeba Protanomaly 1% of men, 0.01% of women
#a3acbf Deuteranomaly 6% of men, 0.4% of women
#8ab3bf Tritanomaly 0.01% of the population

#86b1bb hex color

#86b1bb Color Information

#86b1bb Color Conversion

Color Schemes with #86b1bb

Alternatives to #86b1bb

#86b1bb Preview

Shades and Tints of #86b1bb

Tones of #86b1bb

Color Blindness Simulator