#8a86bb hex color

In a RGB color space, hex #8a86bb is composed of 54.1% red, 52.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 28.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 244.5 degrees, a saturation of 28% and a lightness of 62.9%. #8a86bb color hex could be obtained by blending #ffffff with #150d77. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 54
- G 53
- B 73
RGB color chart
- C 26
- M 28
- Y 0
- K 27
CMYK color chart

● #8a86bb color description : Slightly desaturated blue.

The hexadecimal color #8a86bb has RGB values of R:138, G:134, B:187 and CMYK values of C:0.26, M:0.28, Y:0, K:0.27. Its decimal value is 9078459.

Hex triplet	8a86bb	`#8a86bb`
RGB Decimal	138, 134, 187	`rgb(138,134,187)`
RGB Percent	54.1, 52.5, 73.3	`rgb(54.1%,52.5%,73.3%)`
CMYK	26, 28, 0, 27
HSL	244.5°, 28, 62.9	`hsl(244.5,28%,62.9%)`
HSV (or HSB)	244.5°, 28.3, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	58.076, 13.298, -27.161
XYZ	27.974, 26.041, 50.564
xyY	0.267, 0.249, 26.041
CIE-LCH	58.076, 30.241, 296.086
CIE-LUV	58.076, -1.227, -43.309
Hunter-Lab	51.03, 8.548, -23.026
Binary	10001010, 10000110, 10111011

#8a86bb
```
#8a86bb rgb(138,134,187)
```
#b7bb86
```
#b7bb86 rgb(183,187,134)
```

Complementary Color

#869dbb
```
#869dbb rgb(134,157,187)
```
#8a86bb
```
#8a86bb rgb(138,134,187)
```
#a586bb
```
#a586bb rgb(165,134,187)
```

Analogous Color

#9dbb86
```
#9dbb86 rgb(157,187,134)
```
#8a86bb
```
#8a86bb rgb(138,134,187)
```
#bba586
```
#bba586 rgb(187,165,134)
```

Split Complementary Color

#86bb8a
```
#86bb8a rgb(134,187,138)
```
#8a86bb
```
#8a86bb rgb(138,134,187)
```
#bb8a86
```
#bb8a86 rgb(187,138,134)
```

Triadic Color

#86b7bb
```
#86b7bb rgb(134,183,187)
```
#8a86bb
```
#8a86bb rgb(138,134,187)
```
#bb8a86
```
#bb8a86 rgb(187,138,134)
```
#b7bb86
```
#b7bb86 rgb(183,187,134)
```

Tetradic Color

#5d589d
```
#5d589d rgb(93,88,157)
```
#6a65a9
```
#6a65a9 rgb(106,101,169)
```
#7a76b2
```
#7a76b2 rgb(122,118,178)
```
#8a86bb
```
#8a86bb rgb(138,134,187)
```
#9a96c4
```
#9a96c4 rgb(154,150,196)
```
#aaa7cd
```
#aaa7cd rgb(170,167,205)
```
#b9b7d7
```
#b9b7d7 rgb(185,183,215)
```

Monochromatic Color

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

#868fbb
```
#868fbb rgb(134,143,187)
```
#868bbb
```
#868bbb rgb(134,139,187)
```
#8686bb
```
#8686bb rgb(134,134,187)
```
#8a86bb
```
#8a86bb rgb(138,134,187)
```
#8e86bb
```
#8e86bb rgb(142,134,187)
```
#9386bb
```
#9386bb rgb(147,134,187)
```
#9786bb
```
#9786bb rgb(151,134,187)
```

Similar Colors

Text with hexadecimal color #8a86bb

This text has a font color of #8a86bb.

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

#8a86bb background color

This paragraph has a background color of #8a86bb.

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

#8a86bb border color

This element has a border color of #8a86bb.

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

CSS codes

.text {color:#8a86bb;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0a0a11
```
#0a0a11 rgb(10,10,17)
```
#12111e
```
#12111e rgb(18,17,30)
```
#19182a
```
#19182a rgb(25,24,42)
```
#211f37
```
#211f37 rgb(33,31,55)
```
#282643
```
#282643 rgb(40,38,67)
```
#302d50
```
#302d50 rgb(48,45,80)
```
#37345c
```
#37345c rgb(55,52,92)
```
#3f3b69
```
#3f3b69 rgb(63,59,105)
```
#464276
```
#464276 rgb(70,66,118)
```
#4d4982
```
#4d4982 rgb(77,73,130)
```
#55508f
```
#55508f rgb(85,80,143)
```
#5c579b
```
#5c579b rgb(92,87,155)
```

Shade Color Variation

#6660a6
```
#6660a6 rgb(102,96,166)
```
#726dad
```
#726dad rgb(114,109,173)
```
#7e79b4
```
#7e79b4 rgb(126,121,180)
```
#8a86bb
```
#8a86bb rgb(138,134,187)
```
#9693c2
```
#9693c2 rgb(150,147,194)
```
#a29fc9
```
#a29fc9 rgb(162,159,201)
```
#aeacd0
```
#aeacd0 rgb(174,172,208)
```
#bbb8d7
```
#bbb8d7 rgb(187,184,215)
```
#c7c5de
```
#c7c5de rgb(199,197,222)
```
#d3d1e5
```
#d3d1e5 rgb(211,209,229)
```
#dfdeec
```
#dfdeec rgb(223,222,236)
```
#ebeaf3
```
#ebeaf3 rgb(235,234,243)
```
#f7f7fb
```
#f7f7fb rgb(247,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9ca5 is the less saturated color, while #5245fc is the most saturated one.

#9d9ca5
```
#9d9ca5 rgb(157,156,165)
```
#9695ac
```
#9695ac rgb(150,149,172)
```
#908db4
```
#908db4 rgb(144,141,180)
```
#8a86bb
```
#8a86bb rgb(138,134,187)
```
#847fc2
```
#847fc2 rgb(132,127,194)
```
#7e77ca
```
#7e77ca rgb(126,119,202)
```
#7770d1
```
#7770d1 rgb(119,112,209)
```
#7169d8
```
#7169d8 rgb(113,105,216)
```
#6b62df
```
#6b62df rgb(107,98,223)
```
#655ae7
```
#655ae7 rgb(101,90,231)
```
#5f53ee
```
#5f53ee rgb(95,83,238)
```
#594cf5
```
#594cf5 rgb(89,76,245)
```
#5245fc
```
#5245fc rgb(82,69,252)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#8c8c96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#828fc0 Protanopia 1% of men
#858fbd Deuteranopia 1% of men
#88929d Tritanopia 0.001% of the population

Trichromacy

#858cbe Protanomaly 1% of men, 0.01% of women
#868cbc Deuteranomaly 6% of men, 0.4% of women
#888ea8 Tritanomaly 0.01% of the population

#8a86bb hex color

#8a86bb Color Information

#8a86bb Color Conversion

Color Schemes with #8a86bb

Alternatives to #8a86bb

#8a86bb Preview

Shades and Tints of #8a86bb

Tones of #8a86bb

Color Blindness Simulator