#8f86b3 hex color

In a RGB color space, hex #8f86b3 is composed of 56.1% red, 52.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 25.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 252 degrees, a saturation of 22.8% and a lightness of 61.4%. #8f86b3 color hex could be obtained by blending #ffffff with #1f0d67. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 56
- G 53
- B 70
RGB color chart
- C 20
- M 25
- Y 0
- K 30
CMYK color chart

● #8f86b3 color description : Slightly desaturated blue.

The hexadecimal color #8f86b3 has RGB values of R:143, G:134, B:179 and CMYK values of C:0.2, M:0.25, Y:0, K:0.3. Its decimal value is 9406131.

Hex triplet	8f86b3	`#8f86b3`
RGB Decimal	143, 134, 179	`rgb(143,134,179)`
RGB Percent	56.1, 52.5, 70.2	`rgb(56.1%,52.5%,70.2%)`
CMYK	20, 25, 0, 30
HSL	252°, 22.8, 61.4	`hsl(252,22.8%,61.4%)`
HSV (or HSB)	252°, 25.1, 70.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	58.174, 12.93, -22.421
XYZ	27.988, 26.144, 46.217
xyY	0.279, 0.261, 26.144
CIE-LCH	58.174, 25.882, 299.973
CIE-LUV	58.174, 1.892, -35.741
Hunter-Lab	51.132, 8.226, -17.799
Binary	10001111, 10000110, 10110011

#8f86b3
```
#8f86b3 rgb(143,134,179)
```
#aab386
```
#aab386 rgb(170,179,134)
```

Complementary Color

#8694b3
```
#8694b3 rgb(134,148,179)
```
#8f86b3
```
#8f86b3 rgb(143,134,179)
```
#a686b3
```
#a686b3 rgb(166,134,179)
```

Analogous Color

#94b386
```
#94b386 rgb(148,179,134)
```
#8f86b3
```
#8f86b3 rgb(143,134,179)
```
#b3a686
```
#b3a686 rgb(179,166,134)
```

Split Complementary Color

#86b38f
```
#86b38f rgb(134,179,143)
```
#8f86b3
```
#8f86b3 rgb(143,134,179)
```
#b38f86
```
#b38f86 rgb(179,143,134)
```

Triadic Color

#86aab3
```
#86aab3 rgb(134,170,179)
```
#8f86b3
```
#8f86b3 rgb(143,134,179)
```
#b38f86
```
#b38f86 rgb(179,143,134)
```
#aab386
```
#aab386 rgb(170,179,134)
```

Tetradic Color

#665b91
```
#665b91 rgb(102,91,145)
```
#72679f
```
#72679f rgb(114,103,159)
```
#8176a9
```
#8176a9 rgb(129,118,169)
```
#8f86b3
```
#8f86b3 rgb(143,134,179)
```
#9d96bd
```
#9d96bd rgb(157,150,189)
```
#aca5c7
```
#aca5c7 rgb(172,165,199)
```
#bab5d1
```
#bab5d1 rgb(186,181,209)
```

Monochromatic Color

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

#8688b3
```
#8688b3 rgb(134,136,179)
```
#8886b3
```
#8886b3 rgb(136,134,179)
```
#8b86b3
```
#8b86b3 rgb(139,134,179)
```
#8f86b3
```
#8f86b3 rgb(143,134,179)
```
#9386b3
```
#9386b3 rgb(147,134,179)
```
#9786b3
```
#9786b3 rgb(151,134,179)
```
#9a86b3
```
#9a86b3 rgb(154,134,179)
```

Similar Colors

Text with hexadecimal color #8f86b3

This text has a font color of #8f86b3.

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

#8f86b3 background color

This paragraph has a background color of #8f86b3.

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

#8f86b3 border color

This element has a border color of #8f86b3.

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

CSS codes

.text {color:#8f86b3;}

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

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

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, #08070c is the darkest color, while #fffeff is the lightest one.

#08070c
```
#08070c rgb(8,7,12)
```
#110f18
```
#110f18 rgb(17,15,24)
```
#191624
```
#191624 rgb(25,22,36)
```
#211e30
```
#211e30 rgb(33,30,48)
```
#2a263c
```
#2a263c rgb(42,38,60)
```
#322d48
```
#322d48 rgb(50,45,72)
```
#3b3554
```
#3b3554 rgb(59,53,84)
```
#433c60
```
#433c60 rgb(67,60,96)
```
#4c446c
```
#4c446c rgb(76,68,108)
```
#544b78
```
#544b78 rgb(84,75,120)
```
#5d5384
```
#5d5384 rgb(93,83,132)
```
#655a90
```
#655a90 rgb(101,90,144)
```
#6e629c
```
#6e629c rgb(110,98,156)
```

Shade Color Variation

#796ea4
```
#796ea4 rgb(121,110,164)
```
#847aab
```
#847aab rgb(132,122,171)
```
#8f86b3
```
#8f86b3 rgb(143,134,179)
```
#9a92bb
```
#9a92bb rgb(154,146,187)
```
#a59ec2
```
#a59ec2 rgb(165,158,194)
```
#b0aaca
```
#b0aaca rgb(176,170,202)
```
#bcb6d1
```
#bcb6d1 rgb(188,182,209)
```
#c7c2d9
```
#c7c2d9 rgb(199,194,217)
```
#d2cee0
```
#d2cee0 rgb(210,206,224)
```
#dddae8
```
#dddae8 rgb(221,218,232)
```
#e8e6f0
```
#e8e6f0 rgb(232,230,240)
```
#f3f2f7
```
#f3f2f7 rgb(243,242,247)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9895a4 is the less saturated color, while #623aff is the most saturated one.

#9895a4
```
#9895a4 rgb(152,149,164)
```
#948eab
```
#948eab rgb(148,142,171)
```
#8f86b3
```
#8f86b3 rgb(143,134,179)
```
#8a7ebb
```
#8a7ebb rgb(138,126,187)
```
#8677c2
```
#8677c2 rgb(134,119,194)
```
#816fca
```
#816fca rgb(129,111,202)
```
#7d68d1
```
#7d68d1 rgb(125,104,209)
```
#7860d9
```
#7860d9 rgb(120,96,217)
```
#7459e0
```
#7459e0 rgb(116,89,224)
```
#6f51e8
```
#6f51e8 rgb(111,81,232)
```
#6b49f0
```
#6b49f0 rgb(107,73,240)
```
#6642f7
```
#6642f7 rgb(102,66,247)
```
#623aff
```
#623aff rgb(98,58,255)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#8e8c95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8690b9 Protanopia 1% of men
#8b8fb5 Deuteranopia 1% of men
#8e919b Tritanopia 0.001% of the population

Trichromacy

#898cb7 Protanomaly 1% of men, 0.01% of women
#8c8bb4 Deuteranomaly 6% of men, 0.4% of women
#8e8da4 Tritanomaly 0.01% of the population

#8f86b3 hex color

#8f86b3 Color Information

#8f86b3 Color Conversion

Color Schemes with #8f86b3

Alternatives to #8f86b3

#8f86b3 Preview

Shades and Tints of #8f86b3

Tones of #8f86b3

Color Blindness Simulator