#86a8ec hex color

In a RGB color space, hex #86a8ec is composed of 52.5% red, 65.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 43.2% cyan, 28.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 220 degrees, a saturation of 72.9% and a lightness of 72.5%. #86a8ec color hex could be obtained by blending #ffffff with #0d51d9. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 53
- G 66
- B 93
RGB color chart
- C 43
- M 29
- Y 0
- K 7
CMYK color chart

● #86a8ec color description : Very soft blue.

The hexadecimal color #86a8ec has RGB values of R:134, G:168, B:236 and CMYK values of C:0.43, M:0.29, Y:0, K:0.07. Its decimal value is 8825068.

Hex triplet	86a8ec	`#86a8ec`
RGB Decimal	134, 168, 236	`rgb(134,168,236)`
RGB Percent	52.5, 65.9, 92.5	`rgb(52.5%,65.9%,92.5%)`
CMYK	43, 29, 0, 7
HSL	220°, 72.9, 72.5	`hsl(220,72.9%,72.5%)`
HSV (or HSB)	220°, 43.2, 92.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.844, 5.747, -37.764
XYZ	38.971, 39.128, 84.851
xyY	0.239, 0.24, 39.128
CIE-LCH	68.844, 38.199, 278.653
CIE-LUV	68.844, -18.605, -61.185
Hunter-Lab	62.553, 1.741, -36.639
Binary	10000110, 10101000, 11101100

#86a8ec
```
#86a8ec rgb(134,168,236)
```
#ecca86
```
#ecca86 rgb(236,202,134)
```

Complementary Color

#86dbec
```
#86dbec rgb(134,219,236)
```
#86a8ec
```
#86a8ec rgb(134,168,236)
```
#9786ec
```
#9786ec rgb(151,134,236)
```

Analogous Color

#dbec86
```
#dbec86 rgb(219,236,134)
```
#86a8ec
```
#86a8ec rgb(134,168,236)
```
#ec9786
```
#ec9786 rgb(236,151,134)
```

Split Complementary Color

#a8ec86
```
#a8ec86 rgb(168,236,134)
```
#86a8ec
```
#86a8ec rgb(134,168,236)
```
#ec86a8
```
#ec86a8 rgb(236,134,168)
```

Triadic Color

#86ecca
```
#86ecca rgb(134,236,202)
```
#86a8ec
```
#86a8ec rgb(134,168,236)
```
#ec86a8
```
#ec86a8 rgb(236,134,168)
```
#ecca86
```
#ecca86 rgb(236,202,134)
```

Tetradic Color

#4478e2
```
#4478e2 rgb(68,120,226)
```
#5a88e5
```
#5a88e5 rgb(90,136,229)
```
#7098e9
```
#7098e9 rgb(112,152,233)
```
#86a8ec
```
#86a8ec rgb(134,168,236)
```
#9cb8ef
```
#9cb8ef rgb(156,184,239)
```
#b2c8f3
```
#b2c8f3 rgb(178,200,243)
```
#c8d8f6
```
#c8d8f6 rgb(200,216,246)
```

Monochromatic Color

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

#86c2ec
```
#86c2ec rgb(134,194,236)
```
#86b9ec
```
#86b9ec rgb(134,185,236)
```
#86b1ec
```
#86b1ec rgb(134,177,236)
```
#86a8ec
```
#86a8ec rgb(134,168,236)
```
#86a0ec
```
#86a0ec rgb(134,160,236)
```
#8697ec
```
#8697ec rgb(134,151,236)
```
#868fec
```
#868fec rgb(134,143,236)
```

Similar Colors

Text with hexadecimal color #86a8ec

This text has a font color of #86a8ec.

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

#86a8ec background color

This paragraph has a background color of #86a8ec.

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

#86a8ec border color

This element has a border color of #86a8ec.

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

CSS codes

.text {color:#86a8ec;}

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

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

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, #02060f is the darkest color, while #fdfdff is the lightest one.

#02060f
```
#02060f rgb(2,6,15)
```
#050e20
```
#050e20 rgb(5,14,32)
```
#081531
```
#081531 rgb(8,21,49)
```
#0a1d41
```
#0a1d41 rgb(10,29,65)
```
#0d2452
```
#0d2452 rgb(13,36,82)
```
#102c63
```
#102c63 rgb(16,44,99)
```
#123374
```
#123374 rgb(18,51,116)
```
#153a85
```
#153a85 rgb(21,58,133)
```
#184296
```
#184296 rgb(24,66,150)
```
#1a49a7
```
#1a49a7 rgb(26,73,167)
```
#1d51b8
```
#1d51b8 rgb(29,81,184)
```
#2058c9
```
#2058c9 rgb(32,88,201)
```
#2260da
```
#2260da rgb(34,96,218)
```

Shade Color Variation

#316bdf
```
#316bdf rgb(49,107,223)
```
#4277e1
```
#4277e1 rgb(66,119,225)
```
#5383e4
```
#5383e4 rgb(83,131,228)
```
#6490e7
```
#6490e7 rgb(100,144,231)
```
#759ce9
```
#759ce9 rgb(117,156,233)
```
#86a8ec
```
#86a8ec rgb(134,168,236)
```
#97b4ef
```
#97b4ef rgb(151,180,239)
```
#a8c0f1
```
#a8c0f1 rgb(168,192,241)
```
#b9cdf4
```
#b9cdf4 rgb(185,205,244)
```
#cad9f7
```
#cad9f7 rgb(202,217,247)
```
#dbe5f9
```
#dbe5f9 rgb(219,229,249)
```
#ecf1fc
```
#ecf1fc rgb(236,241,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#b6b8bc
```
#b6b8bc rgb(182,184,188)
```
#b1b6c1
```
#b1b6c1 rgb(177,182,193)
```
#acb5c6
```
#acb5c6 rgb(172,181,198)
```
#a6b3cc
```
#a6b3cc rgb(166,179,204)
```
#a1b1d1
```
#a1b1d1 rgb(161,177,209)
```
#9cafd6
```
#9cafd6 rgb(156,175,214)
```
#96addc
```
#96addc rgb(150,173,220)
```
#91ace1
```
#91ace1 rgb(145,172,225)
```
#8baae7
```
#8baae7 rgb(139,170,231)
```
#86a8ec
```
#86a8ec rgb(134,168,236)
```
#81a6f1
```
#81a6f1 rgb(129,166,241)
```
#7ba4f7
```
#7ba4f7 rgb(123,164,247)
```
#76a3fc
```
#76a3fc rgb(118,163,252)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a0a6b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96aaeb Protanopia 1% of men
#92abed Deuteranopia 1% of men
#7db5c2 Tritanopia 0.001% of the population

Trichromacy

#90a9eb Protanomaly 1% of men, 0.01% of women
#8da9ec Deuteranomaly 6% of men, 0.4% of women
#80b0d1 Tritanomaly 0.01% of the population

#86a8ec hex color

#86a8ec Color Information

#86a8ec Color Conversion

Color Schemes with #86a8ec

Alternatives to #86a8ec

#86a8ec Preview

Shades and Tints of #86a8ec

Tones of #86a8ec

Color Blindness Simulator