#8686e0 hex color

In a RGB color space, hex #8686e0 is composed of 52.5% red, 52.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 40.2% magenta, 0% yellow and 12.2% black. It has a hue angle of 240 degrees, a saturation of 59.2% and a lightness of 70.2%. #8686e0 color hex could be obtained by blending #ffffff with #0d0dc1. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 53
- B 88
RGB color chart
- C 40
- M 40
- Y 0
- K 12
CMYK color chart

● #8686e0 color description : Very soft blue.

The hexadecimal color #8686e0 has RGB values of R:134, G:134, B:224 and CMYK values of C:0.4, M:0.4, Y:0, K:0.12. Its decimal value is 8816352.

Hex triplet	8686e0	`#8686e0`
RGB Decimal	134, 134, 224	`rgb(134,134,224)`
RGB Percent	52.5, 52.5, 87.8	`rgb(52.5%,52.5%,87.8%)`
CMYK	40, 40, 0, 12
HSL	240°, 59.2, 70.2	`hsl(240,59.2%,70.2%)`
HSV (or HSB)	240°, 40.2, 87.8
Web Safe	9999cc	`#9999cc`

CIE-LAB	59.434, 21.994, -45.901
XYZ	31.809, 27.5, 74.149
xyY	0.238, 0.206, 27.5
CIE-LCH	59.434, 50.898, 295.602
CIE-LUV	59.434, -5.418, -75.053
Hunter-Lab	52.44, 16.503, -47.126
Binary	10000110, 10000110, 11100000

#8686e0
```
#8686e0 rgb(134,134,224)
```
#e0e086
```
#e0e086 rgb(224,224,134)
```

Complementary Color

#86b3e0
```
#86b3e0 rgb(134,179,224)
```
#8686e0
```
#8686e0 rgb(134,134,224)
```
#b386e0
```
#b386e0 rgb(179,134,224)
```

Analogous Color

#b3e086
```
#b3e086 rgb(179,224,134)
```
#8686e0
```
#8686e0 rgb(134,134,224)
```
#e0b386
```
#e0b386 rgb(224,179,134)
```

Split Complementary Color

#86e086
```
#86e086 rgb(134,224,134)
```
#8686e0
```
#8686e0 rgb(134,134,224)
```
#e08686
```
#e08686 rgb(224,134,134)
```

Triadic Color

#86e0e0
```
#86e0e0 rgb(134,224,224)
```
#8686e0
```
#8686e0 rgb(134,134,224)
```
#e08686
```
#e08686 rgb(224,134,134)
```
#e0e086
```
#e0e086 rgb(224,224,134)
```

Tetradic Color

#4949d0
```
#4949d0 rgb(73,73,208)
```
#5d5dd6
```
#5d5dd6 rgb(93,93,214)
```
#7272db
```
#7272db rgb(114,114,219)
```
#8686e0
```
#8686e0 rgb(134,134,224)
```
#9a9ae5
```
#9a9ae5 rgb(154,154,229)
```
#afafea
```
#afafea rgb(175,175,234)
```
#c3c3f0
```
#c3c3f0 rgb(195,195,240)
```

Monochromatic Color

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

#869de0
```
#869de0 rgb(134,157,224)
```
#8695e0
```
#8695e0 rgb(134,149,224)
```
#868ee0
```
#868ee0 rgb(134,142,224)
```
#8686e0
```
#8686e0 rgb(134,134,224)
```
#8e86e0
```
#8e86e0 rgb(142,134,224)
```
#9586e0
```
#9586e0 rgb(149,134,224)
```
#9d86e0
```
#9d86e0 rgb(157,134,224)
```

Similar Colors

Text with hexadecimal color #8686e0

This text has a font color of #8686e0.

<span style="color:#8686e0;">Text here</span>

#8686e0 background color

This paragraph has a background color of #8686e0.

<p style="background-color:#8686e0;">Content here</p>

#8686e0 border color

This element has a border color of #8686e0.

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

CSS codes

.text {color:#8686e0;}

.background {background-color:#8686e0;}

.border {border:1px solid #8686e0;}

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

#010104
```
#010104 rgb(1,1,4)
```
#050514
```
#050514 rgb(5,5,20)
```
#090923
```
#090923 rgb(9,9,35)
```
#0d0d33
```
#0d0d33 rgb(13,13,51)
```
#111142
```
#111142 rgb(17,17,66)
```
#151552
```
#151552 rgb(21,21,82)
```
#191962
```
#191962 rgb(25,25,98)
```
#1d1d71
```
#1d1d71 rgb(29,29,113)
```
#212181
```
#212181 rgb(33,33,129)
```
#252590
```
#252590 rgb(37,37,144)
```
#2929a0
```
#2929a0 rgb(41,41,160)
```
#2d2db0
```
#2d2db0 rgb(45,45,176)
```
#3131bf
```
#3131bf rgb(49,49,191)
```

Shade Color Variation

#3838cc
```
#3838cc rgb(56,56,204)
```
#4848d0
```
#4848d0 rgb(72,72,208)
```
#5757d4
```
#5757d4 rgb(87,87,212)
```
#6767d8
```
#6767d8 rgb(103,103,216)
```
#7676dc
```
#7676dc rgb(118,118,220)
```
#8686e0
```
#8686e0 rgb(134,134,224)
```
#9696e4
```
#9696e4 rgb(150,150,228)
```
#a5a5e8
```
#a5a5e8 rgb(165,165,232)
```
#b5b5ec
```
#b5b5ec rgb(181,181,236)
```
#c4c4f0
```
#c4c4f0 rgb(196,196,240)
```
#d4d4f4
```
#d4d4f4 rgb(212,212,244)
```
#e4e4f8
```
#e4e4f8 rgb(228,228,248)
```
#f3f3fc
```
#f3f3fc rgb(243,243,252)
```

Tint Color Variation

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

#afafb7
```
#afafb7 rgb(175,175,183)
```
#a9a9bd
```
#a9a9bd rgb(169,169,189)
```
#a3a3c3
```
#a3a3c3 rgb(163,163,195)
```
#9d9dc9
```
#9d9dc9 rgb(157,157,201)
```
#9898ce
```
#9898ce rgb(152,152,206)
```
#9292d4
```
#9292d4 rgb(146,146,212)
```
#8c8cda
```
#8c8cda rgb(140,140,218)
```
#8686e0
```
#8686e0 rgb(134,134,224)
```
#8080e6
```
#8080e6 rgb(128,128,230)
```
#7a7aec
```
#7a7aec rgb(122,122,236)
```
#7474f2
```
#7474f2 rgb(116,116,242)
```
#6f6ff7
```
#6f6ff7 rgb(111,111,247)
```
#6969fd
```
#6969fd rgb(105,105,253)
```

Tone Color Variation

Below, you can see how #8686e0 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

#909090 Achromatopsia 0.005% of the population
#8e8ea0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7192e6 Protanopia 1% of men
#6b94de Deuteranopia 1% of men
#799aa5 Tritanopia 0.001% of the population

Trichromacy

#788de3 Protanomaly 1% of men, 0.01% of women
#748fde Deuteranomaly 6% of men, 0.4% of women
#7e92ba Tritanomaly 0.01% of the population

#8686e0 hex color

#8686e0 Color Information

#8686e0 Color Conversion

Color Schemes with #8686e0

Alternatives to #8686e0

#8686e0 Preview

Shades and Tints of #8686e0

Tones of #8686e0

Color Blindness Simulator