#86a7e4 hex color

In a RGB color space, hex #86a7e4 is composed of 52.5% red, 65.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 41.2% cyan, 26.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 218.9 degrees, a saturation of 63.5% and a lightness of 71%. #86a7e4 color hex could be obtained by blending #ffffff with #0d4fc9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 65
- B 89
RGB color chart
- C 41
- M 27
- Y 0
- K 11
CMYK color chart

● #86a7e4 color description : Very soft blue.

The hexadecimal color #86a7e4 has RGB values of R:134, G:167, B:228 and CMYK values of C:0.41, M:0.27, Y:0, K:0.11. Its decimal value is 8824804.

Hex triplet	86a7e4	`#86a7e4`
RGB Decimal	134, 167, 228	`rgb(134,167,228)`
RGB Percent	52.5, 65.5, 89.4	`rgb(52.5%,65.5%,89.4%)`
CMYK	41, 27, 0, 11
HSL	218.9°, 63.5, 71	`hsl(218.9,63.5%,71%)`
HSV (or HSB)	218.9°, 41.2, 89.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.245, 4.084, -34.316
XYZ	37.651, 38.306, 78.804
xyY	0.243, 0.248, 38.306
CIE-LCH	68.245, 34.559, 276.787
CIE-LUV	68.245, -18.079, -55.095
Hunter-Lab	61.892, 0.277, -32.168
Binary	10000110, 10100111, 11100100

#86a7e4
```
#86a7e4 rgb(134,167,228)
```
#e4c386
```
#e4c386 rgb(228,195,134)
```

Complementary Color

#86d6e4
```
#86d6e4 rgb(134,214,228)
```
#86a7e4
```
#86a7e4 rgb(134,167,228)
```
#9486e4
```
#9486e4 rgb(148,134,228)
```

Analogous Color

#d6e486
```
#d6e486 rgb(214,228,134)
```
#86a7e4
```
#86a7e4 rgb(134,167,228)
```
#e49486
```
#e49486 rgb(228,148,134)
```

Split Complementary Color

#a7e486
```
#a7e486 rgb(167,228,134)
```
#86a7e4
```
#86a7e4 rgb(134,167,228)
```
#e486a7
```
#e486a7 rgb(228,134,167)
```

Triadic Color

#86e4c3
```
#86e4c3 rgb(134,228,195)
```
#86a7e4
```
#86a7e4 rgb(134,167,228)
```
#e486a7
```
#e486a7 rgb(228,134,167)
```
#e4c386
```
#e4c386 rgb(228,195,134)
```

Tetradic Color

#477ad6
```
#477ad6 rgb(71,122,214)
```
#5c89db
```
#5c89db rgb(92,137,219)
```
#7198df
```
#7198df rgb(113,152,223)
```
#86a7e4
```
#86a7e4 rgb(134,167,228)
```
#9bb6e9
```
#9bb6e9 rgb(155,182,233)
```
#b0c5ed
```
#b0c5ed rgb(176,197,237)
```
#c5d4f2
```
#c5d4f2 rgb(197,212,242)
```

Monochromatic Color

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

#86bfe4
```
#86bfe4 rgb(134,191,228)
```
#86b7e4
```
#86b7e4 rgb(134,183,228)
```
#86afe4
```
#86afe4 rgb(134,175,228)
```
#86a7e4
```
#86a7e4 rgb(134,167,228)
```
#869fe4
```
#869fe4 rgb(134,159,228)
```
#8697e4
```
#8697e4 rgb(134,151,228)
```
#8690e4
```
#8690e4 rgb(134,144,228)
```

Similar Colors

Text with hexadecimal color #86a7e4

This text has a font color of #86a7e4.

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

#86a7e4 background color

This paragraph has a background color of #86a7e4.

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

#86a7e4 border color

This element has a border color of #86a7e4.

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

CSS codes

.text {color:#86a7e4;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#050c17
```
#050c17 rgb(5,12,23)
```
#091427
```
#091427 rgb(9,20,39)
```
#0c1b37
```
#0c1b37 rgb(12,27,55)
```
#102347
```
#102347 rgb(16,35,71)
```
#142b57
```
#142b57 rgb(20,43,87)
```
#173368
```
#173368 rgb(23,51,104)
```
#1b3b78
```
#1b3b78 rgb(27,59,120)
```
#1e4388
```
#1e4388 rgb(30,67,136)
```
#224b98
```
#224b98 rgb(34,75,152)
```
#2553a8
```
#2553a8 rgb(37,83,168)
```
#295bb8
```
#295bb8 rgb(41,91,184)
```
#2d63c8
```
#2d63c8 rgb(45,99,200)
```

Shade Color Variation

#366dd2
```
#366dd2 rgb(54,109,210)
```
#4678d6
```
#4678d6 rgb(70,120,214)
```
#5684d9
```
#5684d9 rgb(86,132,217)
```
#6690dd
```
#6690dd rgb(102,144,221)
```
#769be0
```
#769be0 rgb(118,155,224)
```
#86a7e4
```
#86a7e4 rgb(134,167,228)
```
#96b3e8
```
#96b3e8 rgb(150,179,232)
```
#a6beeb
```
#a6beeb rgb(166,190,235)
```
#b6caef
```
#b6caef rgb(182,202,239)
```
#c6d6f2
```
#c6d6f2 rgb(198,214,242)
```
#d6e1f6
```
#d6e1f6 rgb(214,225,246)
```
#e6edf9
```
#e6edf9 rgb(230,237,249)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

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

#b4b5b6
```
#b4b5b6 rgb(180,181,182)
```
#aeb3bc
```
#aeb3bc rgb(174,179,188)
```
#a8b1c2
```
#a8b1c2 rgb(168,177,194)
```
#a2afc8
```
#a2afc8 rgb(162,175,200)
```
#9daecd
```
#9daecd rgb(157,174,205)
```
#97acd3
```
#97acd3 rgb(151,172,211)
```
#91aad9
```
#91aad9 rgb(145,170,217)
```
#8ca9de
```
#8ca9de rgb(140,169,222)
```
#86a7e4
```
#86a7e4 rgb(134,167,228)
```
#80a5ea
```
#80a5ea rgb(128,165,234)
```
#7ba4ef
```
#7ba4ef rgb(123,164,239)
```
#75a2f5
```
#75a2f5 rgb(117,162,245)
```
#6fa0fb
```
#6fa0fb rgb(111,160,251)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9ea5b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a8e3 Protanopia 1% of men
#95a9e6 Deuteranopia 1% of men
#7fb3bf Tritanopia 0.001% of the population

Trichromacy

#91a8e3 Protanomaly 1% of men, 0.01% of women
#90a8e5 Deuteranomaly 6% of men, 0.4% of women
#82aecd Tritanomaly 0.01% of the population

#86a7e4 hex color

#86a7e4 Color Information

#86a7e4 Color Conversion

Color Schemes with #86a7e4

Alternatives to #86a7e4

#86a7e4 Preview

Shades and Tints of #86a7e4

Tones of #86a7e4

Color Blindness Simulator