#86a3e3 hex color

In a RGB color space, hex #86a3e3 is composed of 52.5% red, 63.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 41% cyan, 28.2% magenta, 0% yellow and 11% black. It has a hue angle of 221.3 degrees, a saturation of 62.4% and a lightness of 70.8%. #86a3e3 color hex could be obtained by blending #ffffff with #0d47c7. Closest websafe color is: #9999cc.

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

● #86a3e3 color description : Very soft blue.

The hexadecimal color #86a3e3 has RGB values of R:134, G:163, B:227 and CMYK values of C:0.41, M:0.28, Y:0, K:0.11. Its decimal value is 8823779.

Hex triplet	86a3e3	`#86a3e3`
RGB Decimal	134, 163, 227	`rgb(134,163,227)`
RGB Percent	52.5, 63.9, 89	`rgb(52.5%,63.9%,89%)`
CMYK	41, 28, 0, 11
HSL	221.3°, 62.4, 70.8	`hsl(221.3,62.4%,70.8%)`
HSV (or HSB)	221.3°, 41, 89
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.132, 6.064, -35.496
XYZ	36.791, 36.807, 77.835
xyY	0.243, 0.243, 36.807
CIE-LCH	67.132, 36.01, 279.695
CIE-LUV	67.132, -16.492, -57.193
Hunter-Lab	60.669, 2.075, -33.597
Binary	10000110, 10100011, 11100011

#86a3e3
```
#86a3e3 rgb(134,163,227)
```
#e3c686
```
#e3c686 rgb(227,198,134)
```

Complementary Color

#86d2e3
```
#86d2e3 rgb(134,210,227)
```
#86a3e3
```
#86a3e3 rgb(134,163,227)
```
#9886e3
```
#9886e3 rgb(152,134,227)
```

Analogous Color

#d2e386
```
#d2e386 rgb(210,227,134)
```
#86a3e3
```
#86a3e3 rgb(134,163,227)
```
#e39886
```
#e39886 rgb(227,152,134)
```

Split Complementary Color

#a3e386
```
#a3e386 rgb(163,227,134)
```
#86a3e3
```
#86a3e3 rgb(134,163,227)
```
#e386a3
```
#e386a3 rgb(227,134,163)
```

Triadic Color

#86e3c6
```
#86e3c6 rgb(134,227,198)
```
#86a3e3
```
#86a3e3 rgb(134,163,227)
```
#e386a3
```
#e386a3 rgb(227,134,163)
```
#e3c686
```
#e3c686 rgb(227,198,134)
```

Tetradic Color

#4874d5
```
#4874d5 rgb(72,116,213)
```
#5d84d9
```
#5d84d9 rgb(93,132,217)
```
#7193de
```
#7193de rgb(113,147,222)
```
#86a3e3
```
#86a3e3 rgb(134,163,227)
```
#9bb3e8
```
#9bb3e8 rgb(155,179,232)
```
#afc2ed
```
#afc2ed rgb(175,194,237)
```
#c4d2f1
```
#c4d2f1 rgb(196,210,241)
```

Monochromatic Color

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

#86bae3
```
#86bae3 rgb(134,186,227)
```
#86b3e3
```
#86b3e3 rgb(134,179,227)
```
#86abe3
```
#86abe3 rgb(134,171,227)
```
#86a3e3
```
#86a3e3 rgb(134,163,227)
```
#869be3
```
#869be3 rgb(134,155,227)
```
#8694e3
```
#8694e3 rgb(134,148,227)
```
#868ce3
```
#868ce3 rgb(134,140,227)
```

Similar Colors

Text with hexadecimal color #86a3e3

This text has a font color of #86a3e3.

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

#86a3e3 background color

This paragraph has a background color of #86a3e3.

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

#86a3e3 border color

This element has a border color of #86a3e3.

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

CSS codes

.text {color:#86a3e3;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#050b16
```
#050b16 rgb(5,11,22)
```
#091226
```
#091226 rgb(9,18,38)
```
#0d1a36
```
#0d1a36 rgb(13,26,54)
```
#102146
```
#102146 rgb(16,33,70)
```
#142956
```
#142956 rgb(20,41,86)
```
#183066
```
#183066 rgb(24,48,102)
```
#1b3876
```
#1b3876 rgb(27,56,118)
```
#1f3f86
```
#1f3f86 rgb(31,63,134)
```
#234796
```
#234796 rgb(35,71,150)
```
#264ea6
```
#264ea6 rgb(38,78,166)
```
#2a56b6
```
#2a56b6 rgb(42,86,182)
```
#2e5dc6
```
#2e5dc6 rgb(46,93,198)
```

Shade Color Variation

#3666d1
```
#3666d1 rgb(54,102,209)
```
#4673d4
```
#4673d4 rgb(70,115,212)
```
#567fd8
```
#567fd8 rgb(86,127,216)
```
#668bdc
```
#668bdc rgb(102,139,220)
```
#7697df
```
#7697df rgb(118,151,223)
```
#86a3e3
```
#86a3e3 rgb(134,163,227)
```
#96afe7
```
#96afe7 rgb(150,175,231)
```
#a6bbea
```
#a6bbea rgb(166,187,234)
```
#b6c7ee
```
#b6c7ee rgb(182,199,238)
```
#c6d3f2
```
#c6d3f2 rgb(198,211,242)
```
#d6e0f5
```
#d6e0f5 rgb(214,224,245)
```
#e6ecf9
```
#e6ecf9 rgb(230,236,249)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

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

#b4b4b5
```
#b4b4b5 rgb(180,180,181)
```
#aeb2bb
```
#aeb2bb rgb(174,178,187)
```
#a8b0c1
```
#a8b0c1 rgb(168,176,193)
```
#a3aec6
```
#a3aec6 rgb(163,174,198)
```
#9daccc
```
#9daccc rgb(157,172,204)
```
#97a9d2
```
#97a9d2 rgb(151,169,210)
```
#91a7d8
```
#91a7d8 rgb(145,167,216)
```
#8ca5dd
```
#8ca5dd rgb(140,165,221)
```
#86a3e3
```
#86a3e3 rgb(134,163,227)
```
#80a1e9
```
#80a1e9 rgb(128,161,233)
```
#7b9fee
```
#7b9fee rgb(123,159,238)
```
#759df4
```
#759df4 rgb(117,157,244)
```
#6f9afa
```
#6f9afa rgb(111,154,250)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9ca2af Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a6e3 Protanopia 1% of men
#91a6e4 Deuteranopia 1% of men
#7fafbc Tritanopia 0.001% of the population

Trichromacy

#8fa4e3 Protanomaly 1% of men, 0.01% of women
#8da5e4 Deuteranomaly 6% of men, 0.4% of women
#81abca Tritanomaly 0.01% of the population

#86a3e3 hex color

#86a3e3 Color Information

#86a3e3 Color Conversion

Color Schemes with #86a3e3

Alternatives to #86a3e3

#86a3e3 Preview

Shades and Tints of #86a3e3

Tones of #86a3e3

Color Blindness Simulator