#564bce hex color

In a RGB color space, hex #564bce is composed of 33.7% red, 29.4% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 63.6% magenta, 0% yellow and 19.2% black. It has a hue angle of 245 degrees, a saturation of 57.2% and a lightness of 55.1%. #564bce color hex could be obtained by blending #ac96ff with #00009d. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 29
- B 81
RGB color chart
- C 58
- M 64
- Y 0
- K 19
CMYK color chart

● #564bce color description : Moderate blue.

The hexadecimal color #564bce has RGB values of R:86, G:75, B:206 and CMYK values of C:0.58, M:0.64, Y:0, K:0.19. Its decimal value is 5655502.

Hex triplet	564bce	`#564bce`
RGB Decimal	86, 75, 206	`rgb(86,75,206)`
RGB Percent	33.7, 29.4, 80.8	`rgb(33.7%,29.4%,80.8%)`
CMYK	58, 64, 0, 19
HSL	245°, 57.2, 55.1	`hsl(245,57.2%,55.1%)`
HSV (or HSB)	245°, 63.6, 80.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.355, 41.498, -66.514
XYZ	17.492, 11.466, 59.681
xyY	0.197, 0.129, 11.466
CIE-LCH	40.355, 78.397, 301.96
CIE-LUV	40.355, -4.185, -98.792
Hunter-Lab	33.862, 32.951, -80.794
Binary	01010110, 01001011, 11001110

#564bce
```
#564bce rgb(86,75,206)
```
#c3ce4b
```
#c3ce4b rgb(195,206,75)
```

Complementary Color

#4b82ce
```
#4b82ce rgb(75,130,206)
```
#564bce
```
#564bce rgb(86,75,206)
```
#984bce
```
#984bce rgb(152,75,206)
```

Analogous Color

#82ce4b
```
#82ce4b rgb(130,206,75)
```
#564bce
```
#564bce rgb(86,75,206)
```
#ce984b
```
#ce984b rgb(206,152,75)
```

Split Complementary Color

#4bce56
```
#4bce56 rgb(75,206,86)
```
#564bce
```
#564bce rgb(86,75,206)
```
#ce564b
```
#ce564b rgb(206,86,75)
```

Triadic Color

#4bc3ce
```
#4bc3ce rgb(75,195,206)
```
#564bce
```
#564bce rgb(86,75,206)
```
#ce564b
```
#ce564b rgb(206,86,75)
```
#c3ce4b
```
#c3ce4b rgb(195,206,75)
```

Tetradic Color

#362ca1
```
#362ca1 rgb(54,44,161)
```
#3c31b5
```
#3c31b5 rgb(60,49,181)
```
#4337c9
```
#4337c9 rgb(67,55,201)
```
#564bce
```
#564bce rgb(86,75,206)
```
#695fd3
```
#695fd3 rgb(105,95,211)
```
#7c73d9
```
#7c73d9 rgb(124,115,217)
```
#8e87de
```
#8e87de rgb(142,135,222)
```

Monochromatic Color

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

#4b61ce
```
#4b61ce rgb(75,97,206)
```
#4b56ce
```
#4b56ce rgb(75,86,206)
```
#4b4bce
```
#4b4bce rgb(75,75,206)
```
#564bce
```
#564bce rgb(86,75,206)
```
#614bce
```
#614bce rgb(97,75,206)
```
#6c4bce
```
#6c4bce rgb(108,75,206)
```
#774bce
```
#774bce rgb(119,75,206)
```

Similar Colors

Text with hexadecimal color #564bce

This text has a font color of #564bce.

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

#564bce background color

This paragraph has a background color of #564bce.

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

#564bce border color

This element has a border color of #564bce.

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

CSS codes

.text {color:#564bce;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#070614
```
#070614 rgb(7,6,20)
```
#0c0a24
```
#0c0a24 rgb(12,10,36)
```
#110e33
```
#110e33 rgb(17,14,51)
```
#161243
```
#161243 rgb(22,18,67)
```
#1b1652
```
#1b1652 rgb(27,22,82)
```
#211b62
```
#211b62 rgb(33,27,98)
```
#261f71
```
#261f71 rgb(38,31,113)
```
#2b2380
```
#2b2380 rgb(43,35,128)
```
#302790
```
#302790 rgb(48,39,144)
```
#352b9f
```
#352b9f rgb(53,43,159)
```
#3a30af
```
#3a30af rgb(58,48,175)
```
#3f34be
```
#3f34be rgb(63,52,190)
```

Shade Color Variation

#483cca
```
#483cca rgb(72,60,202)
```
#564bce
```
#564bce rgb(86,75,206)
```
#645ad2
```
#645ad2 rgb(100,90,210)
```
#736ad6
```
#736ad6 rgb(115,106,214)
```
#8179db
```
#8179db rgb(129,121,219)
```
#9089df
```
#9089df rgb(144,137,223)
```
#9e98e3
```
#9e98e3 rgb(158,152,227)
```
#ada8e7
```
#ada8e7 rgb(173,168,231)
```
#bbb7eb
```
#bbb7eb rgb(187,183,235)
```
#cac6f0
```
#cac6f0 rgb(202,198,240)
```
#d8d6f4
```
#d8d6f4 rgb(216,214,244)
```
#e7e5f8
```
#e7e5f8 rgb(231,229,248)
```
#f5f5fc
```
#f5f5fc rgb(245,245,252)
```

Tint Color Variation

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

#898990
```
#898990 rgb(137,137,144)
```
#828099
```
#828099 rgb(130,128,153)
```
#7b77a2
```
#7b77a2 rgb(123,119,162)
```
#736eab
```
#736eab rgb(115,110,171)
```
#6c65b4
```
#6c65b4 rgb(108,101,180)
```
#655dbc
```
#655dbc rgb(101,93,188)
```
#5d54c5
```
#5d54c5 rgb(93,84,197)
```
#564bce
```
#564bce rgb(86,75,206)
```
#4f42d7
```
#4f42d7 rgb(79,66,215)
```
#4739e0
```
#4739e0 rgb(71,57,224)
```
#4031e8
```
#4031e8 rgb(64,49,232)
```
#3928f1
```
#3928f1 rgb(57,40,241)
```
#311ffa
```
#311ffa rgb(49,31,250)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5c5974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#0069ab Deuteranopia 1% of men
#2a7078 Tritanopia 0.001% of the population

Trichromacy

#1f5bc7 Protanomaly 1% of men, 0.01% of women
#1f5eb8 Deuteranomaly 6% of men, 0.4% of women
#3a6297 Tritanomaly 0.01% of the population

#564bce hex color

#564bce Color Information

#564bce Color Conversion

Color Schemes with #564bce

Alternatives to #564bce

#564bce Preview

Shades and Tints of #564bce

Tones of #564bce

Color Blindness Simulator