#8564f0 hex color

In a RGB color space, hex #8564f0 is composed of 52.2% red, 39.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 44.6% cyan, 58.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 254.1 degrees, a saturation of 82.4% and a lightness of 66.7%. #8564f0 color hex could be obtained by blending #ffc8ff with #0b00e1. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 52
- G 39
- B 94
RGB color chart
- C 45
- M 58
- Y 0
- K 6
CMYK color chart

● #8564f0 color description : Soft blue.

The hexadecimal color #8564f0 has RGB values of R:133, G:100, B:240 and CMYK values of C:0.45, M:0.58, Y:0, K:0.06. Its decimal value is 8742128.

Hex triplet	8564f0	`#8564f0`
RGB Decimal	133, 100, 240	`rgb(133,100,240)`
RGB Percent	52.2, 39.2, 94.1	`rgb(52.2%,39.2%,94.1%)`
CMYK	45, 58, 0, 6
HSL	254.1°, 82.4, 66.7	`hsl(254.1,82.4%,66.7%)`
HSV (or HSB)	254.1°, 58.3, 94.1
Web Safe	9966ff	`#9966ff`

CIE-LAB	52.277, 45.965, -66.284
XYZ	29.955, 20.392, 84.791
xyY	0.222, 0.151, 20.392
CIE-LCH	52.277, 80.662, 304.74
CIE-LUV	52.277, 3.519, -106.959
Hunter-Lab	45.157, 39.384, -79.718
Binary	10000101, 01100100, 11110000

#8564f0
```
#8564f0 rgb(133,100,240)
```
#cff064
```
#cff064 rgb(207,240,100)
```

Complementary Color

#6489f0
```
#6489f0 rgb(100,137,240)
```
#8564f0
```
#8564f0 rgb(133,100,240)
```
#cb64f0
```
#cb64f0 rgb(203,100,240)
```

Analogous Color

#89f064
```
#89f064 rgb(137,240,100)
```
#8564f0
```
#8564f0 rgb(133,100,240)
```
#f0cb64
```
#f0cb64 rgb(240,203,100)
```

Split Complementary Color

#64f085
```
#64f085 rgb(100,240,133)
```
#8564f0
```
#8564f0 rgb(133,100,240)
```
#f08564
```
#f08564 rgb(240,133,100)
```

Triadic Color

#64cff0
```
#64cff0 rgb(100,207,240)
```
#8564f0
```
#8564f0 rgb(133,100,240)
```
#f08564
```
#f08564 rgb(240,133,100)
```
#cff064
```
#cff064 rgb(207,240,100)
```

Tetradic Color

#4e1ee9
```
#4e1ee9 rgb(78,30,233)
```
#6035ec
```
#6035ec rgb(96,53,236)
```
#734dee
```
#734dee rgb(115,77,238)
```
#8564f0
```
#8564f0 rgb(133,100,240)
```
#977bf2
```
#977bf2 rgb(151,123,242)
```
#aa93f5
```
#aa93f5 rgb(170,147,245)
```
#bcaaf7
```
#bcaaf7 rgb(188,170,247)
```

Monochromatic Color

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

#6466f0
```
#6466f0 rgb(100,102,240)
```
#6e64f0
```
#6e64f0 rgb(110,100,240)
```
#7964f0
```
#7964f0 rgb(121,100,240)
```
#8564f0
```
#8564f0 rgb(133,100,240)
```
#9164f0
```
#9164f0 rgb(145,100,240)
```
#9c64f0
```
#9c64f0 rgb(156,100,240)
```
#a864f0
```
#a864f0 rgb(168,100,240)
```

Similar Colors

Text with hexadecimal color #8564f0

This text has a font color of #8564f0.

<span style="color:#8564f0;">Text here</span>

#8564f0 background color

This paragraph has a background color of #8564f0.

<p style="background-color:#8564f0;">Content here</p>

#8564f0 border color

This element has a border color of #8564f0.

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

CSS codes

.text {color:#8564f0;}

.background {background-color:#8564f0;}

.border {border:1px solid #8564f0;}

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

#020106
```
#020106 rgb(2,1,6)
```
#070218
```
#070218 rgb(7,2,24)
```
#0d042a
```
#0d042a rgb(13,4,42)
```
#12063c
```
#12063c rgb(18,6,60)
```
#18074d
```
#18074d rgb(24,7,77)
```
#1e095f
```
#1e095f rgb(30,9,95)
```
#230b71
```
#230b71 rgb(35,11,113)
```
#290d83
```
#290d83 rgb(41,13,131)
```
#2e0e95
```
#2e0e95 rgb(46,14,149)
```
#3410a7
```
#3410a7 rgb(52,16,167)
```
#3912b9
```
#3912b9 rgb(57,18,185)
```
#3f14cb
```
#3f14cb rgb(63,20,203)
```
#4415dd
```
#4415dd rgb(68,21,221)
```

Shade Color Variation

#4d1ce9
```
#4d1ce9 rgb(77,28,233)
```
#5b2eeb
```
#5b2eeb rgb(91,46,235)
```
#6940ed
```
#6940ed rgb(105,64,237)
```
#7752ee
```
#7752ee rgb(119,82,238)
```
#8564f0
```
#8564f0 rgb(133,100,240)
```
#9376f2
```
#9376f2 rgb(147,118,242)
```
#a188f3
```
#a188f3 rgb(161,136,243)
```
#af9af5
```
#af9af5 rgb(175,154,245)
```
#bdacf7
```
#bdacf7 rgb(189,172,247)
```
#cbbdf9
```
#cbbdf9 rgb(203,189,249)
```
#d9cffa
```
#d9cffa rgb(217,207,250)
```
#e8e1fc
```
#e8e1fc rgb(232,225,252)
```
#f6f3fe
```
#f6f3fe rgb(246,243,254)
```

Tint Color Variation

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

#a8a5af
```
#a8a5af rgb(168,165,175)
```
#a49fb5
```
#a49fb5 rgb(164,159,181)
```
#a198bc
```
#a198bc rgb(161,152,188)
```
#9d92c2
```
#9d92c2 rgb(157,146,194)
```
#9a8bc9
```
#9a8bc9 rgb(154,139,201)
```
#9685cf
```
#9685cf rgb(150,133,207)
```
#937ed6
```
#937ed6 rgb(147,126,214)
```
#8f78dc
```
#8f78dc rgb(143,120,220)
```
#8c71e3
```
#8c71e3 rgb(140,113,227)
```
#886be9
```
#886be9 rgb(136,107,233)
```
#8564f0
```
#8564f0 rgb(133,100,240)
```
#825df7
```
#825df7 rgb(130,93,247)
```
#7e57fd
```
#7e57fd rgb(126,87,253)
```

Tone Color Variation

Below, you can see how #8564f0 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

#7e7e7e Achromatopsia 0.005% of the population
#7f7995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#0085dd Deuteranopia 1% of men
#6c8791 Tritanopia 0.001% of the population

Trichromacy

#3075f6 Protanomaly 1% of men, 0.01% of women
#3079e4 Deuteranomaly 6% of men, 0.4% of women
#757ab4 Tritanomaly 0.01% of the population

#8564f0 hex color

#8564f0 Color Information

#8564f0 Color Conversion

Color Schemes with #8564f0

Alternatives to #8564f0

#8564f0 Preview

Shades and Tints of #8564f0

Tones of #8564f0

Color Blindness Simulator