#86bbf3 hex color

In a RGB color space, hex #86bbf3 is composed of 52.5% red, 73.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 23% magenta, 0% yellow and 4.7% black. It has a hue angle of 210.8 degrees, a saturation of 82% and a lightness of 73.9%. #86bbf3 color hex could be obtained by blending #ffffff with #0d77e7. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 53
- G 73
- B 95
RGB color chart
- C 45
- M 23
- Y 0
- K 5
CMYK color chart

● #86bbf3 color description : Very soft blue.

The hexadecimal color #86bbf3 has RGB values of R:134, G:187, B:243 and CMYK values of C:0.45, M:0.23, Y:0, K:0.05. Its decimal value is 8829939.

Hex triplet	86bbf3	`#86bbf3`
RGB Decimal	134, 187, 243	`rgb(134,187,243)`
RGB Percent	52.5, 73.3, 95.3	`rgb(52.5%,73.3%,95.3%)`
CMYK	45, 23, 0, 5
HSL	210.8°, 82, 73.9	`hsl(210.8,82%,73.9%)`
HSV (or HSB)	210.8°, 44.9, 95.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	74.24, -2.832, -33.196
XYZ	43.776, 47.078, 91.569
xyY	0.24, 0.258, 47.078
CIE-LCH	74.24, 33.317, 265.123
CIE-LUV	74.24, -26.01, -52.916
Hunter-Lab	68.613, -6.189, -31.097
Binary	10000110, 10111011, 11110011

#86bbf3
```
#86bbf3 rgb(134,187,243)
```
#f3be86
```
#f3be86 rgb(243,190,134)
```

Complementary Color

#86f2f3
```
#86f2f3 rgb(134,242,243)
```
#86bbf3
```
#86bbf3 rgb(134,187,243)
```
#8886f3
```
#8886f3 rgb(136,134,243)
```

Analogous Color

#f2f386
```
#f2f386 rgb(242,243,134)
```
#86bbf3
```
#86bbf3 rgb(134,187,243)
```
#f38886
```
#f38886 rgb(243,136,134)
```

Split Complementary Color

#bbf386
```
#bbf386 rgb(187,243,134)
```
#86bbf3
```
#86bbf3 rgb(134,187,243)
```
#f386bb
```
#f386bb rgb(243,134,187)
```

Triadic Color

#86f3be
```
#86f3be rgb(134,243,190)
```
#86bbf3
```
#86bbf3 rgb(134,187,243)
```
#f386bb
```
#f386bb rgb(243,134,187)
```
#f3be86
```
#f3be86 rgb(243,190,134)
```

Tetradic Color

#4094ec
```
#4094ec rgb(64,148,236)
```
#58a1ee
```
#58a1ee rgb(88,161,238)
```
#6faef1
```
#6faef1 rgb(111,174,241)
```
#86bbf3
```
#86bbf3 rgb(134,187,243)
```
#9dc8f5
```
#9dc8f5 rgb(157,200,245)
```
#b4d5f8
```
#b4d5f8 rgb(180,213,248)
```
#cce2fa
```
#cce2fa rgb(204,226,250)
```

Monochromatic Color

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

#86d6f3
```
#86d6f3 rgb(134,214,243)
```
#86cdf3
```
#86cdf3 rgb(134,205,243)
```
#86c4f3
```
#86c4f3 rgb(134,196,243)
```
#86bbf3
```
#86bbf3 rgb(134,187,243)
```
#86b2f3
```
#86b2f3 rgb(134,178,243)
```
#86a9f3
```
#86a9f3 rgb(134,169,243)
```
#86a0f3
```
#86a0f3 rgb(134,160,243)
```

Similar Colors

Text with hexadecimal color #86bbf3

This text has a font color of #86bbf3.

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

#86bbf3 background color

This paragraph has a background color of #86bbf3.

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

#86bbf3 border color

This element has a border color of #86bbf3.

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

CSS codes

.text {color:#86bbf3;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020c16
```
#020c16 rgb(2,12,22)
```
#041528
```
#041528 rgb(4,21,40)
```
#061f39
```
#061f39 rgb(6,31,57)
```
#07284b
```
#07284b rgb(7,40,75)
```
#09325d
```
#09325d rgb(9,50,93)
```
#0b3c6f
```
#0b3c6f rgb(11,60,111)
```
#0d4581
```
#0d4581 rgb(13,69,129)
```
#0f4f93
```
#0f4f93 rgb(15,79,147)
```
#1058a5
```
#1058a5 rgb(16,88,165)
```
#1262b6
```
#1262b6 rgb(18,98,182)
```
#146cc8
```
#146cc8 rgb(20,108,200)
```
#1675da
```
#1675da rgb(22,117,218)
```

Shade Color Variation

#1b7fe8
```
#1b7fe8 rgb(27,127,232)
```
#2d89ea
```
#2d89ea rgb(45,137,234)
```
#3f93ec
```
#3f93ec rgb(63,147,236)
```
#509dee
```
#509dee rgb(80,157,238)
```
#62a7ef
```
#62a7ef rgb(98,167,239)
```
#74b1f1
```
#74b1f1 rgb(116,177,241)
```
#86bbf3
```
#86bbf3 rgb(134,187,243)
```
#98c5f5
```
#98c5f5 rgb(152,197,245)
```
#aacff7
```
#aacff7 rgb(170,207,247)
```
#bcd9f8
```
#bcd9f8 rgb(188,217,248)
```
#cde3fa
```
#cde3fa rgb(205,227,250)
```
#dfedfc
```
#dfedfc rgb(223,237,252)
```
#f1f7fe
```
#f1f7fe rgb(241,247,254)
```

Tint Color Variation

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

#b9bcc0
```
#b9bcc0 rgb(185,188,192)
```
#b4bcc5
```
#b4bcc5 rgb(180,188,197)
```
#afbcca
```
#afbcca rgb(175,188,202)
```
#aabccf
```
#aabccf rgb(170,188,207)
```
#a5bcd4
```
#a5bcd4 rgb(165,188,212)
```
#a0bcd9
```
#a0bcd9 rgb(160,188,217)
```
#9abcdf
```
#9abcdf rgb(154,188,223)
```
#95bbe4
```
#95bbe4 rgb(149,187,228)
```
#90bbe9
```
#90bbe9 rgb(144,187,233)
```
#8bbbee
```
#8bbbee rgb(139,187,238)
```
#86bbf3
```
#86bbf3 rgb(134,187,243)
```
#81bbf8
```
#81bbf8 rgb(129,187,248)
```
#7cbbfd
```
#7cbbfd rgb(124,187,253)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a9b4bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab8ef Protanopia 1% of men
#a7b8f6 Deuteranopia 1% of men
#80c4d3 Tritanopia 0.001% of the population

Trichromacy

#9db9f0 Protanomaly 1% of men, 0.01% of women
#9bb9f4 Deuteranomaly 6% of men, 0.4% of women
#82c1de Tritanomaly 0.01% of the population

#86bbf3 hex color

#86bbf3 Color Information

#86bbf3 Color Conversion

Color Schemes with #86bbf3

Alternatives to #86bbf3

#86bbf3 Preview

Shades and Tints of #86bbf3

Tones of #86bbf3

Color Blindness Simulator