#86b2eb hex color

In a RGB color space, hex #86b2eb is composed of 52.5% red, 69.8% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 24.3% magenta, 0% yellow and 7.8% black. It has a hue angle of 213.9 degrees, a saturation of 71.6% and a lightness of 72.4%. #86b2eb color hex could be obtained by blending #ffffff with #0d65d7. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 53
- G 70
- B 92
RGB color chart
- C 43
- M 24
- Y 0
- K 8
CMYK color chart

● #86b2eb color description : Very soft blue.

The hexadecimal color #86b2eb has RGB values of R:134, G:178, B:235 and CMYK values of C:0.43, M:0.24, Y:0, K:0.08. Its decimal value is 8827627.

Hex triplet	86b2eb	`#86b2eb`
RGB Decimal	134, 178, 235	`rgb(134,178,235)`
RGB Percent	52.5, 69.8, 92.2	`rgb(52.5%,69.8%,92.2%)`
CMYK	43, 24, 0, 8
HSL	213.9°, 71.6, 72.4	`hsl(213.9,71.6%,72.4%)`
HSV (or HSB)	213.9°, 43, 92.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.491, -0.112, -33.111
XYZ	40.744, 42.906, 84.727
xyY	0.242, 0.255, 42.906
CIE-LCH	71.491, 33.112, 269.805
CIE-LUV	71.491, -22.478, -52.869
Hunter-Lab	65.502, -3.598, -30.84
Binary	10000110, 10110010, 11101011

#86b2eb
```
#86b2eb rgb(134,178,235)
```
#ebbf86
```
#ebbf86 rgb(235,191,134)
```

Complementary Color

#86e5eb
```
#86e5eb rgb(134,229,235)
```
#86b2eb
```
#86b2eb rgb(134,178,235)
```
#8d86eb
```
#8d86eb rgb(141,134,235)
```

Analogous Color

#e5eb86
```
#e5eb86 rgb(229,235,134)
```
#86b2eb
```
#86b2eb rgb(134,178,235)
```
#eb8d86
```
#eb8d86 rgb(235,141,134)
```

Split Complementary Color

#b2eb86
```
#b2eb86 rgb(178,235,134)
```
#86b2eb
```
#86b2eb rgb(134,178,235)
```
#eb86b2
```
#eb86b2 rgb(235,134,178)
```

Triadic Color

#86ebbf
```
#86ebbf rgb(134,235,191)
```
#86b2eb
```
#86b2eb rgb(134,178,235)
```
#eb86b2
```
#eb86b2 rgb(235,134,178)
```
#ebbf86
```
#ebbf86 rgb(235,191,134)
```

Tetradic Color

#4488e0
```
#4488e0 rgb(68,136,224)
```
#5a96e4
```
#5a96e4 rgb(90,150,228)
```
#70a4e7
```
#70a4e7 rgb(112,164,231)
```
#86b2eb
```
#86b2eb rgb(134,178,235)
```
#9cc0ef
```
#9cc0ef rgb(156,192,239)
```
#b2cef2
```
#b2cef2 rgb(178,206,242)
```
#c8dcf6
```
#c8dcf6 rgb(200,220,246)
```

Monochromatic Color

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

#86cbeb
```
#86cbeb rgb(134,203,235)
```
#86c3eb
```
#86c3eb rgb(134,195,235)
```
#86baeb
```
#86baeb rgb(134,186,235)
```
#86b2eb
```
#86b2eb rgb(134,178,235)
```
#86aaeb
```
#86aaeb rgb(134,170,235)
```
#86a1eb
```
#86a1eb rgb(134,161,235)
```
#8699eb
```
#8699eb rgb(134,153,235)
```

Similar Colors

Text with hexadecimal color #86b2eb

This text has a font color of #86b2eb.

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

#86b2eb background color

This paragraph has a background color of #86b2eb.

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

#86b2eb border color

This element has a border color of #86b2eb.

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

CSS codes

.text {color:#86b2eb;}

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

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

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

#02070e
```
#02070e rgb(2,7,14)
```
#05101e
```
#05101e rgb(5,16,30)
```
#08192f
```
#08192f rgb(8,25,47)
```
#0b2240
```
#0b2240 rgb(11,34,64)
```
#0d2b51
```
#0d2b51 rgb(13,43,81)
```
#103462
```
#103462 rgb(16,52,98)
```
#133d73
```
#133d73 rgb(19,61,115)
```
#164683
```
#164683 rgb(22,70,131)
```
#194e94
```
#194e94 rgb(25,78,148)
```
#1b57a5
```
#1b57a5 rgb(27,87,165)
```
#1e60b6
```
#1e60b6 rgb(30,96,182)
```
#2169c7
```
#2169c7 rgb(33,105,199)
```
#2472d8
```
#2472d8 rgb(36,114,216)
```

Shade Color Variation

#327cdd
```
#327cdd rgb(50,124,221)
```
#4387e0
```
#4387e0 rgb(67,135,224)
```
#5492e3
```
#5492e3 rgb(84,146,227)
```
#649de5
```
#649de5 rgb(100,157,229)
```
#75a7e8
```
#75a7e8 rgb(117,167,232)
```
#86b2eb
```
#86b2eb rgb(134,178,235)
```
#97bdee
```
#97bdee rgb(151,189,238)
```
#a8c7f1
```
#a8c7f1 rgb(168,199,241)
```
#b8d2f3
```
#b8d2f3 rgb(184,210,243)
```
#c9ddf6
```
#c9ddf6 rgb(201,221,246)
```
#dae8f9
```
#dae8f9 rgb(218,232,249)
```
#ebf2fc
```
#ebf2fc rgb(235,242,252)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#b7b8ba
```
#b7b8ba rgb(183,184,186)
```
#b1b8c0
```
#b1b8c0 rgb(177,184,192)
```
#acb7c5
```
#acb7c5 rgb(172,183,197)
```
#a7b6ca
```
#a7b6ca rgb(167,182,202)
```
#a1b5d0
```
#a1b5d0 rgb(161,181,208)
```
#9cb5d5
```
#9cb5d5 rgb(156,181,213)
```
#96b4db
```
#96b4db rgb(150,180,219)
```
#91b3e0
```
#91b3e0 rgb(145,179,224)
```
#8bb3e6
```
#8bb3e6 rgb(139,179,230)
```
#86b2eb
```
#86b2eb rgb(134,178,235)
```
#81b1f0
```
#81b1f0 rgb(129,177,240)
```
#7bb1f6
```
#7bb1f6 rgb(123,177,246)
```
#76b0fb
```
#76b0fb rgb(118,176,251)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a4acb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b1e8 Protanopia 1% of men
#a0b1ed Deuteranopia 1% of men
#80bcca Tritanopia 0.001% of the population

Trichromacy

#98b1e9 Protanomaly 1% of men, 0.01% of women
#96b1ec Deuteranomaly 6% of men, 0.4% of women
#82b8d6 Tritanomaly 0.01% of the population

#86b2eb hex color

#86b2eb Color Information

#86b2eb Color Conversion

Color Schemes with #86b2eb

Alternatives to #86b2eb

#86b2eb Preview

Shades and Tints of #86b2eb

Tones of #86b2eb

Color Blindness Simulator