#8586f6 hex color

In a RGB color space, hex #8586f6 is composed of 52.2% red, 52.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 45.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 239.5 degrees, a saturation of 86.3% and a lightness of 74.3%. #8586f6 color hex could be obtained by blending #ffffff with #0b0ded. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 52
- G 53
- B 96
RGB color chart
- C 46
- M 46
- Y 0
- K 4
CMYK color chart

● #8586f6 color description : Soft blue.

The hexadecimal color #8586f6 has RGB values of R:133, G:134, B:246 and CMYK values of C:0.46, M:0.46, Y:0, K:0.04. Its decimal value is 8750838.

Hex triplet	8586f6	`#8586f6`
RGB Decimal	133, 134, 246	`rgb(133,134,246)`
RGB Percent	52.2, 52.5, 96.5	`rgb(52.2%,52.5%,96.5%)`
CMYK	46, 46, 0, 4
HSL	239.5°, 86.3, 74.3	`hsl(239.5,86.3%,74.3%)`
HSV (or HSB)	239.5°, 45.9, 96.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	60.507, 28.029, -56.403
XYZ	34.829, 28.69, 90.886
xyY	0.226, 0.186, 28.69
CIE-LCH	60.507, 62.983, 296.424
CIE-LUV	60.507, -7.095, -93.119
Hunter-Lab	53.563, 22.336, -63.111
Binary	10000101, 10000110, 11110110

#8586f6
```
#8586f6 rgb(133,134,246)
```
#f6f585
```
#f6f585 rgb(246,245,133)
```

Complementary Color

#85bff6
```
#85bff6 rgb(133,191,246)
```
#8586f6
```
#8586f6 rgb(133,134,246)
```
#bd85f6
```
#bd85f6 rgb(189,133,246)
```

Analogous Color

#bff685
```
#bff685 rgb(191,246,133)
```
#8586f6
```
#8586f6 rgb(133,134,246)
```
#f6bd85
```
#f6bd85 rgb(246,189,133)
```

Split Complementary Color

#86f685
```
#86f685 rgb(134,246,133)
```
#8586f6
```
#8586f6 rgb(133,134,246)
```
#f68586
```
#f68586 rgb(246,133,134)
```

Triadic Color

#85f6f5
```
#85f6f5 rgb(133,246,245)
```
#8586f6
```
#8586f6 rgb(133,134,246)
```
#f68586
```
#f68586 rgb(246,133,134)
```
#f6f585
```
#f6f585 rgb(246,245,133)
```

Tetradic Color

#3e3ff1
```
#3e3ff1 rgb(62,63,241)
```
#5657f2
```
#5657f2 rgb(86,87,242)
```
#6d6ef4
```
#6d6ef4 rgb(109,110,244)
```
#8586f6
```
#8586f6 rgb(133,134,246)
```
#9d9ef8
```
#9d9ef8 rgb(157,158,248)
```
#b4b5fa
```
#b4b5fa rgb(180,181,250)
```
#cccdfb
```
#cccdfb rgb(204,205,251)
```

Monochromatic Color

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

#85a2f6
```
#85a2f6 rgb(133,162,246)
```
#8599f6
```
#8599f6 rgb(133,153,246)
```
#858ff6
```
#858ff6 rgb(133,143,246)
```
#8586f6
```
#8586f6 rgb(133,134,246)
```
#8d85f6
```
#8d85f6 rgb(141,133,246)
```
#9785f6
```
#9785f6 rgb(151,133,246)
```
#a085f6
```
#a085f6 rgb(160,133,246)
```

Similar Colors

Text with hexadecimal color #8586f6

This text has a font color of #8586f6.

<span style="color:#8586f6;">Text here</span>

#8586f6 background color

This paragraph has a background color of #8586f6.

<p style="background-color:#8586f6;">Content here</p>

#8586f6 border color

This element has a border color of #8586f6.

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

CSS codes

.text {color:#8586f6;}

.background {background-color:#8586f6;}

.border {border:1px solid #8586f6;}

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

#000006
```
#000006 rgb(0,0,6)
```
#020218
```
#020218 rgb(2,2,24)
```
#03032a
```
#03032a rgb(3,3,42)
```
#04053d
```
#04053d rgb(4,5,61)
```
#06064f
```
#06064f rgb(6,6,79)
```
#070861
```
#070861 rgb(7,8,97)
```
#090973
```
#090973 rgb(9,9,115)
```
#0a0b86
```
#0a0b86 rgb(10,11,134)
```
#0b0c98
```
#0b0c98 rgb(11,12,152)
```
#0d0eaa
```
#0d0eaa rgb(13,14,170)
```
#0e0fbd
```
#0e0fbd rgb(14,15,189)
```
#0f11cf
```
#0f11cf rgb(15,17,207)
```
#1112e1
```
#1112e1 rgb(17,18,225)
```

Shade Color Variation

#1719ee
```
#1719ee rgb(23,25,238)
```
#2a2bef
```
#2a2bef rgb(42,43,239)
```
#3c3ef1
```
#3c3ef1 rgb(60,62,241)
```
#4e50f2
```
#4e50f2 rgb(78,80,242)
```
#6062f3
```
#6062f3 rgb(96,98,243)
```
#7374f5
```
#7374f5 rgb(115,116,245)
```
#8586f6
```
#8586f6 rgb(133,134,246)
```
#9798f7
```
#9798f7 rgb(151,152,247)
```
#aaaaf9
```
#aaaaf9 rgb(170,170,249)
```
#bcbcfa
```
#bcbcfa rgb(188,188,250)
```
#cecefb
```
#cecefb rgb(206,206,251)
```
#e0e1fd
```
#e0e1fd rgb(224,225,253)
```
#f3f3fe
```
#f3f3fe rgb(243,243,254)
```

Tint Color Variation

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

#bcbcbf
```
#bcbcbf rgb(188,188,191)
```
#b7b7c4
```
#b7b7c4 rgb(183,183,196)
```
#b2b3c9
```
#b2b3c9 rgb(178,179,201)
```
#adaece
```
#adaece rgb(173,174,206)
```
#a8a9d3
```
#a8a9d3 rgb(168,169,211)
```
#a3a4d8
```
#a3a4d8 rgb(163,164,216)
```
#9e9fdd
```
#9e9fdd rgb(158,159,221)
```
#999ae2
```
#999ae2 rgb(153,154,226)
```
#9495e7
```
#9495e7 rgb(148,149,231)
```
#8f90ec
```
#8f90ec rgb(143,144,236)
```
#8a8bf1
```
#8a8bf1 rgb(138,139,241)
```
#8586f6
```
#8586f6 rgb(133,134,246)
```
#8081fb
```
#8081fb rgb(128,129,251)
```

Tone Color Variation

Below, you can see how #8586f6 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

#929292 Achromatopsia 0.005% of the population
#8f90a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6294fd Protanopia 1% of men
#5398f1 Deuteranopia 1% of men
#709eaa Tritanopia 0.001% of the population

Trichromacy

#6f8ffa Protanomaly 1% of men, 0.01% of women
#6591f3 Deuteranomaly 6% of men, 0.4% of women
#7795c5 Tritanomaly 0.01% of the population

#8586f6 hex color

#8586f6 Color Information

#8586f6 Color Conversion

Color Schemes with #8586f6

Alternatives to #8586f6

#8586f6 Preview

Shades and Tints of #8586f6

Tones of #8586f6

Color Blindness Simulator