#564bea hex color

In a RGB color space, hex #564bea is composed of 33.7% red, 29.4% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 67.9% magenta, 0% yellow and 8.2% black. It has a hue angle of 244.2 degrees, a saturation of 79.1% and a lightness of 60.6%. #564bea color hex could be obtained by blending #ac96ff with #0000d5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 29
- B 92
RGB color chart
- C 63
- M 68
- Y 0
- K 8
CMYK color chart

● #564bea color description : Soft blue.

The hexadecimal color #564bea has RGB values of R:86, G:75, B:234 and CMYK values of C:0.63, M:0.68, Y:0, K:0.08. Its decimal value is 5655530.

Hex triplet	564bea	`#564bea`
RGB Decimal	86, 75, 234	`rgb(86,75,234)`
RGB Percent	33.7, 29.4, 91.8	`rgb(33.7%,29.4%,91.8%)`
CMYK	63, 68, 0, 8
HSL	244.2°, 79.1, 60.6	`hsl(244.2,79.1%,60.6%)`
HSV (or HSB)	244.2°, 67.9, 91.8
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.688, 50.273, -78.696
XYZ	21.202, 12.95, 79.22
xyY	0.187, 0.114, 12.95
CIE-LCH	42.688, 93.383, 302.571
CIE-LUV	42.688, -5.922, -117.156
Hunter-Lab	35.986, 42.192, -105.33
Binary	01010110, 01001011, 11101010

#564bea
```
#564bea rgb(86,75,234)
```
#dfea4b
```
#dfea4b rgb(223,234,75)
```

Complementary Color

#4b90ea
```
#4b90ea rgb(75,144,234)
```
#564bea
```
#564bea rgb(86,75,234)
```
#a64bea
```
#a64bea rgb(166,75,234)
```

Analogous Color

#90ea4b
```
#90ea4b rgb(144,234,75)
```
#564bea
```
#564bea rgb(86,75,234)
```
#eaa64b
```
#eaa64b rgb(234,166,75)
```

Split Complementary Color

#4bea56
```
#4bea56 rgb(75,234,86)
```
#564bea
```
#564bea rgb(86,75,234)
```
#ea564b
```
#ea564b rgb(234,86,75)
```

Triadic Color

#4bdfea
```
#4bdfea rgb(75,223,234)
```
#564bea
```
#564bea rgb(86,75,234)
```
#ea564b
```
#ea564b rgb(234,86,75)
```
#dfea4b
```
#dfea4b rgb(223,234,75)
```

Tetradic Color

#2518d0
```
#2518d0 rgb(37,24,208)
```
#2b1de5
```
#2b1de5 rgb(43,29,229)
```
#4134e7
```
#4134e7 rgb(65,52,231)
```
#564bea
```
#564bea rgb(86,75,234)
```
#6b62ed
```
#6b62ed rgb(107,98,237)
```
#8179ef
```
#8179ef rgb(129,121,239)
```
#9690f2
```
#9690f2 rgb(150,144,242)
```

Monochromatic Color

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

#4b68ea
```
#4b68ea rgb(75,104,234)
```
#4b5aea
```
#4b5aea rgb(75,90,234)
```
#4b4dea
```
#4b4dea rgb(75,77,234)
```
#564bea
```
#564bea rgb(86,75,234)
```
#634bea
```
#634bea rgb(99,75,234)
```
#714bea
```
#714bea rgb(113,75,234)
```
#7e4bea
```
#7e4bea rgb(126,75,234)
```

Similar Colors

Text with hexadecimal color #564bea

This text has a font color of #564bea.

<span style="color:#564bea;">Text here</span>

#564bea background color

This paragraph has a background color of #564bea.

<p style="background-color:#564bea;">Content here</p>

#564bea border color

This element has a border color of #564bea.

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

CSS codes

.text {color:#564bea;}

.background {background-color:#564bea;}

.border {border:1px solid #564bea;}

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, #02020d is the darkest color, while #fbfbfe is the lightest one.

#02020d
```
#02020d rgb(2,2,13)
```
#05041f
```
#05041f rgb(5,4,31)
```
#090630
```
#090630 rgb(9,6,48)
```
#0c0842
```
#0c0842 rgb(12,8,66)
```
#0f0a53
```
#0f0a53 rgb(15,10,83)
```
#120c65
```
#120c65 rgb(18,12,101)
```
#150e77
```
#150e77 rgb(21,14,119)
```
#181088
```
#181088 rgb(24,16,136)
```
#1b129a
```
#1b129a rgb(27,18,154)
```
#1e14ab
```
#1e14ab rgb(30,20,171)
```
#2216bd
```
#2216bd rgb(34,22,189)
```
#2518ce
```
#2518ce rgb(37,24,206)
```
#281ae0
```
#281ae0 rgb(40,26,224)
```

Shade Color Variation

#3528e6
```
#3528e6 rgb(53,40,230)
```
#4639e8
```
#4639e8 rgb(70,57,232)
```
#564bea
```
#564bea rgb(86,75,234)
```
#665dec
```
#665dec rgb(102,93,236)
```
#776eee
```
#776eee rgb(119,110,238)
```
#8780f0
```
#8780f0 rgb(135,128,240)
```
#9891f2
```
#9891f2 rgb(152,145,242)
```
#a8a3f4
```
#a8a3f4 rgb(168,163,244)
```
#b9b4f6
```
#b9b4f6 rgb(185,180,246)
```
#c9c6f8
```
#c9c6f8 rgb(201,198,248)
```
#dad8fa
```
#dad8fa rgb(218,216,250)
```
#eae9fc
```
#eae9fc rgb(234,233,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99989d is the less saturated color, while #493cf9 is the most saturated one.

#99989d
```
#99989d rgb(153,152,157)
```
#9291a4
```
#9291a4 rgb(146,145,164)
```
#8b89ac
```
#8b89ac rgb(139,137,172)
```
#8581b4
```
#8581b4 rgb(133,129,180)
```
#7e79bc
```
#7e79bc rgb(126,121,188)
```
#7772c3
```
#7772c3 rgb(119,114,195)
```
#716acb
```
#716acb rgb(113,106,203)
```
#6a62d3
```
#6a62d3 rgb(106,98,211)
```
#635adb
```
#635adb rgb(99,90,219)
```
#5d53e2
```
#5d53e2 rgb(93,83,226)
```
#564bea
```
#564bea rgb(86,75,234)
```
#4f43f2
```
#4f43f2 rgb(79,67,242)
```
#493cf9
```
#493cf9 rgb(73,60,249)
```

Tone Color Variation

Below, you can see how #564bea 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

#606060 Achromatopsia 0.005% of the population
#5e5c7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#00777f Tritanopia 0.001% of the population

Trichromacy

#1f5ed8 Protanomaly 1% of men, 0.01% of women
#1f62c7 Deuteranomaly 6% of men, 0.4% of women
#1f67a6 Tritanomaly 0.01% of the population

#564bea hex color

#564bea Color Information

#564bea Color Conversion

Color Schemes with #564bea

Alternatives to #564bea

#564bea Preview

Shades and Tints of #564bea

Tones of #564bea

Color Blindness Simulator