#564beb hex color

In a RGB color space, hex #564beb is composed of 33.7% red, 29.4% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 68.1% magenta, 0% yellow and 7.8% black. It has a hue angle of 244.1 degrees, a saturation of 80% and a lightness of 60.8%. #564beb color hex could be obtained by blending #ac96ff with #0000d7. 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

● #564beb color description : Soft blue.

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

Hex triplet	564beb	`#564beb`
RGB Decimal	86, 75, 235	`rgb(86,75,235)`
RGB Percent	33.7, 29.4, 92.2	`rgb(33.7%,29.4%,92.2%)`
CMYK	63, 68, 0, 8
HSL	244.1°, 80, 60.8	`hsl(244.1,80%,60.8%)`
HSV (or HSB)	244.1°, 68.1, 92.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.775, 50.584, -79.118
XYZ	21.346, 13.008, 79.979
xyY	0.187, 0.114, 13.008
CIE-LCH	42.775, 93.906, 302.592
CIE-LUV	42.775, -5.981, -117.792
Hunter-Lab	36.066, 42.532, -106.232
Binary	01010110, 01001011, 11101011

#564beb
```
#564beb rgb(86,75,235)
```
#e0eb4b
```
#e0eb4b rgb(224,235,75)
```

Complementary Color

#4b90eb
```
#4b90eb rgb(75,144,235)
```
#564beb
```
#564beb rgb(86,75,235)
```
#a64beb
```
#a64beb rgb(166,75,235)
```

Analogous Color

#90eb4b
```
#90eb4b rgb(144,235,75)
```
#564beb
```
#564beb rgb(86,75,235)
```
#eba64b
```
#eba64b rgb(235,166,75)
```

Split Complementary Color

#4beb56
```
#4beb56 rgb(75,235,86)
```
#564beb
```
#564beb rgb(86,75,235)
```
#eb564b
```
#eb564b rgb(235,86,75)
```

Triadic Color

#4be0eb
```
#4be0eb rgb(75,224,235)
```
#564beb
```
#564beb rgb(86,75,235)
```
#eb564b
```
#eb564b rgb(235,86,75)
```
#e0eb4b
```
#e0eb4b rgb(224,235,75)
```

Tetradic Color

#2417d2
```
#2417d2 rgb(36,23,210)
```
#2b1de6
```
#2b1de6 rgb(43,29,230)
```
#4034e8
```
#4034e8 rgb(64,52,232)
```
#564beb
```
#564beb rgb(86,75,235)
```
#6c62ee
```
#6c62ee rgb(108,98,238)
```
#8179f0
```
#8179f0 rgb(129,121,240)
```
#9790f3
```
#9790f3 rgb(151,144,243)
```

Monochromatic Color

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

#4b68eb
```
#4b68eb rgb(75,104,235)
```
#4b5beb
```
#4b5beb rgb(75,91,235)
```
#4b4deb
```
#4b4deb rgb(75,77,235)
```
#564beb
```
#564beb rgb(86,75,235)
```
#634beb
```
#634beb rgb(99,75,235)
```
#714beb
```
#714beb rgb(113,75,235)
```
#7e4beb
```
#7e4beb rgb(126,75,235)
```

Similar Colors

Text with hexadecimal color #564beb

This text has a font color of #564beb.

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

#564beb background color

This paragraph has a background color of #564beb.

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

#564beb border color

This element has a border color of #564beb.

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

CSS codes

.text {color:#564beb;}

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

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

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

#02020e
```
#02020e rgb(2,2,14)
```
#050420
```
#050420 rgb(5,4,32)
```
#090532
```
#090532 rgb(9,5,50)
```
#0c0743
```
#0c0743 rgb(12,7,67)
```
#0f0955
```
#0f0955 rgb(15,9,85)
```
#120b66
```
#120b66 rgb(18,11,102)
```
#150d78
```
#150d78 rgb(21,13,120)
```
#180f8a
```
#180f8a rgb(24,15,138)
```
#1b119b
```
#1b119b rgb(27,17,155)
```
#1e13ad
```
#1e13ad rgb(30,19,173)
```
#2115bf
```
#2115bf rgb(33,21,191)
```
#2417d0
```
#2417d0 rgb(36,23,208)
```
#2719e2
```
#2719e2 rgb(39,25,226)
```

Shade Color Variation

#3528e7
```
#3528e7 rgb(53,40,231)
```
#4539e9
```
#4539e9 rgb(69,57,233)
```
#564beb
```
#564beb rgb(86,75,235)
```
#675ded
```
#675ded rgb(103,93,237)
```
#776eef
```
#776eef rgb(119,110,239)
```
#8880f1
```
#8880f1 rgb(136,128,241)
```
#9892f3
```
#9892f3 rgb(152,146,243)
```
#a9a3f5
```
#a9a3f5 rgb(169,163,245)
```
#b9b5f7
```
#b9b5f7 rgb(185,181,247)
```
#cac7f9
```
#cac7f9 rgb(202,199,249)
```
#dbd8fb
```
#dbd8fb rgb(219,216,251)
```
#ebeafd
```
#ebeafd rgb(235,234,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#98989e
```
#98989e rgb(152,152,158)
```
#9290a6
```
#9290a6 rgb(146,144,166)
```
#8b89ad
```
#8b89ad rgb(139,137,173)
```
#8481b5
```
#8481b5 rgb(132,129,181)
```
#7e79bd
```
#7e79bd rgb(126,121,189)
```
#7771c5
```
#7771c5 rgb(119,113,197)
```
#716acc
```
#716acc rgb(113,106,204)
```
#6a62d4
```
#6a62d4 rgb(106,98,212)
```
#635adc
```
#635adc rgb(99,90,220)
```
#5d53e3
```
#5d53e3 rgb(93,83,227)
```
#564beb
```
#564beb rgb(86,75,235)
```
#4f43f3
```
#4f43f3 rgb(79,67,243)
```
#493cfa
```
#493cfa rgb(73,60,250)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5f5d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce 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

#564beb hex color

#564beb Color Information

#564beb Color Conversion

Color Schemes with #564beb

Alternatives to #564beb

#564beb Preview

Shades and Tints of #564beb

Tones of #564beb

Color Blindness Simulator