#86b2c3 hex color

In a RGB color space, hex #86b2c3 is composed of 52.5% red, 69.8% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 8.7% magenta, 0% yellow and 23.5% black. It has a hue angle of 196.7 degrees, a saturation of 33.7% and a lightness of 64.5%. #86b2c3 color hex could be obtained by blending #ffffff with #0d6587. Closest websafe color is: #9999cc.

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

● #86b2c3 color description : Slightly desaturated blue.

The hexadecimal color #86b2c3 has RGB values of R:134, G:178, B:195 and CMYK values of C:0.31, M:0.09, Y:0, K:0.24. Its decimal value is 8827587.

Hex triplet	86b2c3	`#86b2c3`
RGB Decimal	134, 178, 195	`rgb(134,178,195)`
RGB Percent	52.5, 69.8, 76.5	`rgb(52.5%,69.8%,76.5%)`
CMYK	31, 9, 0, 24
HSL	196.7°, 33.7, 64.5	`hsl(196.7,33.7%,64.5%)`
HSV (or HSB)	196.7°, 31.3, 76.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.069, -10.57, -13.39
XYZ	35.6, 40.848, 57.635
xyY	0.266, 0.305, 40.848
CIE-LCH	70.069, 17.059, 231.714
CIE-LUV	70.069, -22.263, -18.832
Hunter-Lab	63.912, -12.42, -8.728
Binary	10000110, 10110010, 11000011

#86b2c3
```
#86b2c3 rgb(134,178,195)
```
#c39786
```
#c39786 rgb(195,151,134)
```

Complementary Color

#86c3b6
```
#86c3b6 rgb(134,195,182)
```
#86b2c3
```
#86b2c3 rgb(134,178,195)
```
#8694c3
```
#8694c3 rgb(134,148,195)
```

Analogous Color

#c3b686
```
#c3b686 rgb(195,182,134)
```
#86b2c3
```
#86b2c3 rgb(134,178,195)
```
#c38694
```
#c38694 rgb(195,134,148)
```

Split Complementary Color

#b2c386
```
#b2c386 rgb(178,195,134)
```
#86b2c3
```
#86b2c3 rgb(134,178,195)
```
#c386b2
```
#c386b2 rgb(195,134,178)
```

Triadic Color

#86c397
```
#86c397 rgb(134,195,151)
```
#86b2c3
```
#86b2c3 rgb(134,178,195)
```
#c386b2
```
#c386b2 rgb(195,134,178)
```
#c39786
```
#c39786 rgb(195,151,134)
```

Tetradic Color

#5491a9
```
#5491a9 rgb(84,145,169)
```
#649cb2
```
#649cb2 rgb(100,156,178)
```
#75a7bb
```
#75a7bb rgb(117,167,187)
```
#86b2c3
```
#86b2c3 rgb(134,178,195)
```
#97bdcb
```
#97bdcb rgb(151,189,203)
```
#a8c8d4
```
#a8c8d4 rgb(168,200,212)
```
#b9d3dc
```
#b9d3dc rgb(185,211,220)
```

Monochromatic Color

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

#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)
```
#86a3c3
```
#86a3c3 rgb(134,163,195)
```

Similar Colors

Text with hexadecimal color #86b2c3

This text has a font color of #86b2c3.

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

#86b2c3 background color

This paragraph has a background color of #86b2c3.

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

#86b2c3 border color

This element has a border color of #86b2c3.

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

CSS codes

.text {color:#86b2c3;}

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

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

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)
```
#0c1417
```
#0c1417 rgb(12,20,23)
```
#121f24
```
#121f24 rgb(18,31,36)
```
#192b31
```
#192b31 rgb(25,43,49)
```
#1f363f
```
#1f363f rgb(31,54,63)
```
#26414c
```
#26414c rgb(38,65,76)
```
#2c4c59
```
#2c4c59 rgb(44,76,89)
```
#335866
```
#335866 rgb(51,88,102)
```
#396373
```
#396373 rgb(57,99,115)
```
#406e80
```
#406e80 rgb(64,110,128)
```
#46798d
```
#46798d rgb(70,121,141)
```
#4d859a
```
#4d859a rgb(77,133,154)
```
#5390a7
```
#5390a7 rgb(83,144,167)
```

Shade Color Variation

#5f99af
```
#5f99af rgb(95,153,175)
```
#6ca1b6
```
#6ca1b6 rgb(108,161,182)
```
#79aabc
```
#79aabc rgb(121,170,188)
```
#86b2c3
```
#86b2c3 rgb(134,178,195)
```
#93baca
```
#93baca rgb(147,186,202)
```
#a0c3d0
```
#a0c3d0 rgb(160,195,208)
```
#adcbd7
```
#adcbd7 rgb(173,203,215)
```
#bad3dd
```
#bad3dd rgb(186,211,221)
```
#c8dce4
```
#c8dce4 rgb(200,220,228)
```
#d5e4ea
```
#d5e4ea rgb(213,228,234)
```
#e2ecf1
```
#e2ecf1 rgb(226,236,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 #4ecbfb is the most saturated one.

#a2a6a7
```
#a2a6a7 rgb(162,166,167)
```
#9ba9ae
```
#9ba9ae rgb(155,169,174)
```
#94acb5
```
#94acb5 rgb(148,172,181)
```
#8dafbc
```
#8dafbc rgb(141,175,188)
```
#86b2c3
```
#86b2c3 rgb(134,178,195)
```
#7fb5ca
```
#7fb5ca rgb(127,181,202)
```
#78b8d1
```
#78b8d1 rgb(120,184,209)
```
#71bbd8
```
#71bbd8 rgb(113,187,216)
```
#6abedf
```
#6abedf rgb(106,190,223)
```
#63c1e6
```
#63c1e6 rgb(99,193,230)
```
#5cc4ed
```
#5cc4ed rgb(92,196,237)
```
#55c8f4
```
#55c8f4 rgb(85,200,244)
```
#4ecbfb
```
#4ecbfb rgb(78,203,251)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a0a9ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#acaec1 Protanopia 1% of men
#b2abc9 Deuteranopia 1% of men
#8bb6c3 Tritanopia 0.001% of the population

Trichromacy

#9eafc2 Protanomaly 1% of men, 0.01% of women
#a2adc7 Deuteranomaly 6% of men, 0.4% of women
#89b4c3 Tritanomaly 0.01% of the population

#86b2c3 hex color

#86b2c3 Color Information

#86b2c3 Color Conversion

Color Schemes with #86b2c3

Alternatives to #86b2c3

#86b2c3 Preview

Shades and Tints of #86b2c3

Tones of #86b2c3

Color Blindness Simulator