#8e86e3 hex color

In a RGB color space, hex #8e86e3 is composed of 55.7% red, 52.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 37.4% cyan, 41% magenta, 0% yellow and 11% black. It has a hue angle of 245.2 degrees, a saturation of 62.4% and a lightness of 70.8%. #8e86e3 color hex could be obtained by blending #ffffff with #1d0dc7. Closest websafe color is: #9999cc.

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

● #8e86e3 color description : Very soft blue.

The hexadecimal color #8e86e3 has RGB values of R:142, G:134, B:227 and CMYK values of C:0.37, M:0.41, Y:0, K:0.11. Its decimal value is 9340643.

Hex triplet	8e86e3	`#8e86e3`
RGB Decimal	142, 134, 227	`rgb(142,134,227)`
RGB Percent	55.7, 52.5, 89	`rgb(55.7%,52.5%,89%)`
CMYK	37, 41, 0, 11
HSL	245.2°, 62.4, 70.8	`hsl(245.2,62.4%,70.8%)`
HSV (or HSB)	245.2°, 41, 89
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.2, 24.888, -46.321
XYZ	33.543, 28.346, 76.373
xyY	0.243, 0.205, 28.346
CIE-LCH	60.2, 52.584, 298.249
CIE-LUV	60.2, -2.178, -76.264
Hunter-Lab	53.241, 19.286, -47.781
Binary	10001110, 10000110, 11100011

#8e86e3
```
#8e86e3 rgb(142,134,227)
```
#dbe386
```
#dbe386 rgb(219,227,134)
```

Complementary Color

#86ade3
```
#86ade3 rgb(134,173,227)
```
#8e86e3
```
#8e86e3 rgb(142,134,227)
```
#bd86e3
```
#bd86e3 rgb(189,134,227)
```

Analogous Color

#ade386
```
#ade386 rgb(173,227,134)
```
#8e86e3
```
#8e86e3 rgb(142,134,227)
```
#e3bd86
```
#e3bd86 rgb(227,189,134)
```

Split Complementary Color

#86e38e
```
#86e38e rgb(134,227,142)
```
#8e86e3
```
#8e86e3 rgb(142,134,227)
```
#e38e86
```
#e38e86 rgb(227,142,134)
```

Triadic Color

#86dbe3
```
#86dbe3 rgb(134,219,227)
```
#8e86e3
```
#8e86e3 rgb(142,134,227)
```
#e38e86
```
#e38e86 rgb(227,142,134)
```
#dbe386
```
#dbe386 rgb(219,227,134)
```

Tetradic Color

#5448d5
```
#5448d5 rgb(84,72,213)
```
#675dd9
```
#675dd9 rgb(103,93,217)
```
#7b71de
```
#7b71de rgb(123,113,222)
```
#8e86e3
```
#8e86e3 rgb(142,134,227)
```
#a19be8
```
#a19be8 rgb(161,155,232)
```
#b5afed
```
#b5afed rgb(181,175,237)
```
#c8c4f1
```
#c8c4f1 rgb(200,196,241)
```

Monochromatic Color

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

#8695e3
```
#8695e3 rgb(134,149,227)
```
#868ee3
```
#868ee3 rgb(134,142,227)
```
#8686e3
```
#8686e3 rgb(134,134,227)
```
#8e86e3
```
#8e86e3 rgb(142,134,227)
```
#9686e3
```
#9686e3 rgb(150,134,227)
```
#9e86e3
```
#9e86e3 rgb(158,134,227)
```
#a586e3
```
#a586e3 rgb(165,134,227)
```

Similar Colors

Text with hexadecimal color #8e86e3

This text has a font color of #8e86e3.

<span style="color:#8e86e3;">Text here</span>

#8e86e3 background color

This paragraph has a background color of #8e86e3.

<p style="background-color:#8e86e3;">Content here</p>

#8e86e3 border color

This element has a border color of #8e86e3.

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

CSS codes

.text {color:#8e86e3;}

.background {background-color:#8e86e3;}

.border {border:1px solid #8e86e3;}

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

#020106
```
#020106 rgb(2,1,6)
```
#070516
```
#070516 rgb(7,5,22)
```
#0b0926
```
#0b0926 rgb(11,9,38)
```
#100d36
```
#100d36 rgb(16,13,54)
```
#151046
```
#151046 rgb(21,16,70)
```
#1a1456
```
#1a1456 rgb(26,20,86)
```
#1e1866
```
#1e1866 rgb(30,24,102)
```
#231b76
```
#231b76 rgb(35,27,118)
```
#281f86
```
#281f86 rgb(40,31,134)
```
#2d2396
```
#2d2396 rgb(45,35,150)
```
#3126a6
```
#3126a6 rgb(49,38,166)
```
#362ab6
```
#362ab6 rgb(54,42,182)
```
#3b2ec6
```
#3b2ec6 rgb(59,46,198)
```

Shade Color Variation

#4436d1
```
#4436d1 rgb(68,54,209)
```
#5246d4
```
#5246d4 rgb(82,70,212)
```
#6156d8
```
#6156d8 rgb(97,86,216)
```
#7066dc
```
#7066dc rgb(112,102,220)
```
#7f76df
```
#7f76df rgb(127,118,223)
```
#8e86e3
```
#8e86e3 rgb(142,134,227)
```
#9d96e7
```
#9d96e7 rgb(157,150,231)
```
#aca6ea
```
#aca6ea rgb(172,166,234)
```
#bbb6ee
```
#bbb6ee rgb(187,182,238)
```
#cac6f2
```
#cac6f2 rgb(202,198,242)
```
#d8d6f5
```
#d8d6f5 rgb(216,214,245)
```
#e7e6f9
```
#e7e6f9 rgb(231,230,249)
```
#f6f6fd
```
#f6f6fd rgb(246,246,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 #7b6ffa is the most saturated one.

#b4b4b5
```
#b4b4b5 rgb(180,180,181)
```
#afaebb
```
#afaebb rgb(175,174,187)
```
#aaa8c1
```
#aaa8c1 rgb(170,168,193)
```
#a6a3c6
```
#a6a3c6 rgb(166,163,198)
```
#a19dcc
```
#a19dcc rgb(161,157,204)
```
#9c97d2
```
#9c97d2 rgb(156,151,210)
```
#9791d8
```
#9791d8 rgb(151,145,216)
```
#938cdd
```
#938cdd rgb(147,140,221)
```
#8e86e3
```
#8e86e3 rgb(142,134,227)
```
#8980e9
```
#8980e9 rgb(137,128,233)
```
#857bee
```
#857bee rgb(133,123,238)
```
#8075f4
```
#8075f4 rgb(128,117,244)
```
#7b6ffa
```
#7b6ffa rgb(123,111,250)
```

Tone Color Variation

Below, you can see how #8e86e3 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

#939393 Achromatopsia 0.005% of the population
#9290a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7194ea Protanopia 1% of men
#6d96e0 Deuteranopia 1% of men
#819aa5 Tritanopia 0.001% of the population

Trichromacy

#7b8ee7 Protanomaly 1% of men, 0.01% of women
#7990e1 Deuteranomaly 6% of men, 0.4% of women
#8693bc Tritanomaly 0.01% of the population

#8e86e3 hex color

#8e86e3 Color Information

#8e86e3 Color Conversion

Color Schemes with #8e86e3

Alternatives to #8e86e3

#8e86e3 Preview

Shades and Tints of #8e86e3

Tones of #8e86e3

Color Blindness Simulator