#9a86de hex color

In a RGB color space, hex #9a86de is composed of 60.4% red, 52.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 39.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 253.6 degrees, a saturation of 57.1% and a lightness of 69.8%. #9a86de color hex could be obtained by blending #ffffff with #350dbd. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 60
- G 53
- B 87
RGB color chart
- C 31
- M 40
- Y 0
- K 13
CMYK color chart

● #9a86de color description : Very soft blue.

The hexadecimal color #9a86de has RGB values of R:154, G:134, B:222 and CMYK values of C:0.31, M:0.4, Y:0, K:0.13. Its decimal value is 10127070.

Hex triplet	9a86de	`#9a86de`
RGB Decimal	154, 134, 222	`rgb(154,134,222)`
RGB Percent	60.4, 52.5, 87.1	`rgb(60.4%,52.5%,87.1%)`
CMYK	31, 40, 0, 13
HSL	253.6°, 57.1, 69.8	`hsl(253.6,57.1%,69.8%)`
HSV (or HSB)	253.6°, 39.6, 87.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.952, 26.807, -42.283
XYZ	35.034, 29.194, 72.892
xyY	0.255, 0.213, 29.194
CIE-LCH	60.952, 50.065, 302.374
CIE-LUV	60.952, 3.788, -70.077
Hunter-Lab	54.031, 21.185, -42.165
Binary	10011010, 10000110, 11011110

#9a86de
```
#9a86de rgb(154,134,222)
```
#cade86
```
#cade86 rgb(202,222,134)
```

Complementary Color

#869ede
```
#869ede rgb(134,158,222)
```
#9a86de
```
#9a86de rgb(154,134,222)
```
#c686de
```
#c686de rgb(198,134,222)
```

Analogous Color

#9ede86
```
#9ede86 rgb(158,222,134)
```
#9a86de
```
#9a86de rgb(154,134,222)
```
#dec686
```
#dec686 rgb(222,198,134)
```

Split Complementary Color

#86de9a
```
#86de9a rgb(134,222,154)
```
#9a86de
```
#9a86de rgb(154,134,222)
```
#de9a86
```
#de9a86 rgb(222,154,134)
```

Triadic Color

#86cade
```
#86cade rgb(134,202,222)
```
#9a86de
```
#9a86de rgb(154,134,222)
```
#de9a86
```
#de9a86 rgb(222,154,134)
```
#cade86
```
#cade86 rgb(202,222,134)
```

Tetradic Color

#684ace
```
#684ace rgb(104,74,206)
```
#795ed3
```
#795ed3 rgb(121,94,211)
```
#8972d9
```
#8972d9 rgb(137,114,217)
```
#9a86de
```
#9a86de rgb(154,134,222)
```
#ab9ae3
```
#ab9ae3 rgb(171,154,227)
```
#bbaee9
```
#bbaee9 rgb(187,174,233)
```
#ccc2ee
```
#ccc2ee rgb(204,194,238)
```

Monochromatic Color

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

#8688de
```
#8688de rgb(134,136,222)
```
#8b86de
```
#8b86de rgb(139,134,222)
```
#9386de
```
#9386de rgb(147,134,222)
```
#9a86de
```
#9a86de rgb(154,134,222)
```
#a186de
```
#a186de rgb(161,134,222)
```
#a986de
```
#a986de rgb(169,134,222)
```
#b086de
```
#b086de rgb(176,134,222)
```

Similar Colors

Text with hexadecimal color #9a86de

This text has a font color of #9a86de.

<span style="color:#9a86de;">Text here</span>

#9a86de background color

This paragraph has a background color of #9a86de.

<p style="background-color:#9a86de;">Content here</p>

#9a86de border color

This element has a border color of #9a86de.

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

CSS codes

.text {color:#9a86de;}

.background {background-color:#9a86de;}

.border {border:1px solid #9a86de;}

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

#010102
```
#010102 rgb(1,1,2)
```
#080512
```
#080512 rgb(8,5,18)
```
#0f0921
```
#0f0921 rgb(15,9,33)
```
#150d31
```
#150d31 rgb(21,13,49)
```
#1c1140
```
#1c1140 rgb(28,17,64)
```
#23164f
```
#23164f rgb(35,22,79)
```
#2a1a5f
```
#2a1a5f rgb(42,26,95)
```
#301e6e
```
#301e6e rgb(48,30,110)
```
#37227e
```
#37227e rgb(55,34,126)
```
#3e268d
```
#3e268d rgb(62,38,141)
```
#452b9c
```
#452b9c rgb(69,43,156)
```
#4b2fac
```
#4b2fac rgb(75,47,172)
```
#5233bb
```
#5233bb rgb(82,51,187)
```

Shade Color Variation

#5a39c9
```
#5a39c9 rgb(90,57,201)
```
#6748cd
```
#6748cd rgb(103,72,205)
```
#7358d1
```
#7358d1 rgb(115,88,209)
```
#8067d6
```
#8067d6 rgb(128,103,214)
```
#8d77da
```
#8d77da rgb(141,119,218)
```
#9a86de
```
#9a86de rgb(154,134,222)
```
#a795e2
```
#a795e2 rgb(167,149,226)
```
#b4a5e6
```
#b4a5e6 rgb(180,165,230)
```
#c1b4eb
```
#c1b4eb rgb(193,180,235)
```
#cdc4ef
```
#cdc4ef rgb(205,196,239)
```
#dad3f3
```
#dad3f3 rgb(218,211,243)
```
#e7e2f7
```
#e7e2f7 rgb(231,226,247)
```
#f4f2fb
```
#f4f2fb rgb(244,242,251)
```

Tint Color Variation

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

#b1afb5
```
#b1afb5 rgb(177,175,181)
```
#adaaba
```
#adaaba rgb(173,170,186)
```
#aaa4c0
```
#aaa4c0 rgb(170,164,192)
```
#a79ec6
```
#a79ec6 rgb(167,158,198)
```
#a498cc
```
#a498cc rgb(164,152,204)
```
#a092d2
```
#a092d2 rgb(160,146,210)
```
#9d8cd8
```
#9d8cd8 rgb(157,140,216)
```
#9a86de
```
#9a86de rgb(154,134,222)
```
#9780e4
```
#9780e4 rgb(151,128,228)
```
#947aea
```
#947aea rgb(148,122,234)
```
#9074f0
```
#9074f0 rgb(144,116,240)
```
#8d6ef6
```
#8d6ef6 rgb(141,110,246)
```
#8a68fc
```
#8a68fc rgb(138,104,252)
```

Tone Color Variation

Below, you can see how #9a86de 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

#969696 Achromatopsia 0.005% of the population
#9793a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7796e7 Protanopia 1% of men
#7898db Deuteranopia 1% of men
#9099a4 Tritanopia 0.001% of the population

Trichromacy

#8490e3 Protanomaly 1% of men, 0.01% of women
#8491dc Deuteranomaly 6% of men, 0.4% of women
#9492b9 Tritanomaly 0.01% of the population

#9a86de hex color

#9a86de Color Information

#9a86de Color Conversion

Color Schemes with #9a86de

Alternatives to #9a86de

#9a86de Preview

Shades and Tints of #9a86de

Tones of #9a86de

Color Blindness Simulator