#564cb0 hex color

In a RGB color space, hex #564cb0 is composed of 33.7% red, 29.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 56.8% magenta, 0% yellow and 31% black. It has a hue angle of 246 degrees, a saturation of 39.7% and a lightness of 49.4%. #564cb0 color hex could be obtained by blending #ac98ff with #000061. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 30
- B 69
RGB color chart
- C 51
- M 57
- Y 0
- K 31
CMYK color chart

● #564cb0 color description : Dark moderate blue.

The hexadecimal color #564cb0 has RGB values of R:86, G:76, B:176 and CMYK values of C:0.51, M:0.57, Y:0, K:0.31. Its decimal value is 5655728.

Hex triplet	564cb0	`#564cb0`
RGB Decimal	86, 76, 176	`rgb(86,76,176)`
RGB Percent	33.7, 29.8, 69	`rgb(33.7%,29.8%,69%)`
CMYK	51, 57, 0, 31
HSL	246°, 39.7, 49.4	`hsl(246,39.7%,49.4%)`
HSV (or HSB)	246°, 56.8, 69
Web Safe	663399	`#663399`

CIE-LAB	38.343, 31.428, -52.245
XYZ	14.257, 10.281, 42.305
xyY	0.213, 0.154, 10.281
CIE-LCH	38.343, 60.97, 301.029
CIE-LUV	38.343, -2.383, -77.303
Hunter-Lab	32.065, 23.254, -55.78
Binary	01010110, 01001100, 10110000

#564cb0
```
#564cb0 rgb(86,76,176)
```
#a6b04c
```
#a6b04c rgb(166,176,76)
```

Complementary Color

#4c74b0
```
#4c74b0 rgb(76,116,176)
```
#564cb0
```
#564cb0 rgb(86,76,176)
```
#884cb0
```
#884cb0 rgb(136,76,176)
```

Analogous Color

#74b04c
```
#74b04c rgb(116,176,76)
```
#564cb0
```
#564cb0 rgb(86,76,176)
```
#b0884c
```
#b0884c rgb(176,136,76)
```

Split Complementary Color

#4cb056
```
#4cb056 rgb(76,176,86)
```
#564cb0
```
#564cb0 rgb(86,76,176)
```
#b0564c
```
#b0564c rgb(176,86,76)
```

Triadic Color

#4ca6b0
```
#4ca6b0 rgb(76,166,176)
```
#564cb0
```
#564cb0 rgb(86,76,176)
```
#b0564c
```
#b0564c rgb(176,86,76)
```
#a6b04c
```
#a6b04c rgb(166,176,76)
```

Tetradic Color

#3c357b
```
#3c357b rgb(60,53,123)
```
#453d8c
```
#453d8c rgb(69,61,140)
```
#4d449e
```
#4d449e rgb(77,68,158)
```
#564cb0
```
#564cb0 rgb(86,76,176)
```
#665db9
```
#665db9 rgb(102,93,185)
```
#776ec1
```
#776ec1 rgb(119,110,193)
```
#8780c8
```
#8780c8 rgb(135,128,200)
```

Monochromatic Color

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

#4c5bb0
```
#4c5bb0 rgb(76,91,176)
```
#4c53b0
```
#4c53b0 rgb(76,83,176)
```
#4e4cb0
```
#4e4cb0 rgb(78,76,176)
```
#564cb0
```
#564cb0 rgb(86,76,176)
```
#5e4cb0
```
#5e4cb0 rgb(94,76,176)
```
#674cb0
```
#674cb0 rgb(103,76,176)
```
#6f4cb0
```
#6f4cb0 rgb(111,76,176)
```

Similar Colors

Text with hexadecimal color #564cb0

This text has a font color of #564cb0.

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

#564cb0 background color

This paragraph has a background color of #564cb0.

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

#564cb0 border color

This element has a border color of #564cb0.

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

CSS codes

.text {color:#564cb0;}

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

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

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, #06050c is the darkest color, while #fdfdfe is the lightest one.

#06050c
```
#06050c rgb(6,5,12)
```
#0c0b19
```
#0c0b19 rgb(12,11,25)
```
#131127
```
#131127 rgb(19,17,39)
```
#1a1735
```
#1a1735 rgb(26,23,53)
```
#201d42
```
#201d42 rgb(32,29,66)
```
#272350
```
#272350 rgb(39,35,80)
```
#2e295e
```
#2e295e rgb(46,41,94)
```
#352e6c
```
#352e6c rgb(53,46,108)
```
#3b3479
```
#3b3479 rgb(59,52,121)
```
#423a87
```
#423a87 rgb(66,58,135)
```
#494095
```
#494095 rgb(73,64,149)
```
#4f46a2
```
#4f46a2 rgb(79,70,162)
```
#564cb0
```
#564cb0 rgb(86,76,176)
```

Shade Color Variation

#6259b7
```
#6259b7 rgb(98,89,183)
```
#6f66bd
```
#6f66bd rgb(111,102,189)
```
#7c74c3
```
#7c74c3 rgb(124,116,195)
```
#8982c9
```
#8982c9 rgb(137,130,201)
```
#968fcf
```
#968fcf rgb(150,143,207)
```
#a39dd5
```
#a39dd5 rgb(163,157,213)
```
#afabdb
```
#afabdb rgb(175,171,219)
```
#bcb8e1
```
#bcb8e1 rgb(188,184,225)
```
#c9c6e6
```
#c9c6e6 rgb(201,198,230)
```
#d6d4ec
```
#d6d4ec rgb(214,212,236)
```
#e3e2f2
```
#e3e2f2 rgb(227,226,242)
```
#f0eff8
```
#f0eff8 rgb(240,239,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#7d7c80
```
#7d7c80 rgb(125,124,128)
```
#757389
```
#757389 rgb(117,115,137)
```
#6d6993
```
#6d6993 rgb(109,105,147)
```
#665f9d
```
#665f9d rgb(102,95,157)
```
#5e56a6
```
#5e56a6 rgb(94,86,166)
```
#564cb0
```
#564cb0 rgb(86,76,176)
```
#4e42ba
```
#4e42ba rgb(78,66,186)
```
#4639c3
```
#4639c3 rgb(70,57,195)
```
#3f2fcd
```
#3f2fcd rgb(63,47,205)
```
#3725d7
```
#3725d7 rgb(55,37,215)
```
#2f1ce0
```
#2f1ce0 rgb(47,28,224)
```
#2712ea
```
#2712ea rgb(39,18,234)
```
#2008f4
```
#2008f4 rgb(32,8,244)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#59576b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fbc Protanopia 1% of men
#0064a6 Deuteranopia 1% of men
#436870 Tritanopia 0.001% of the population

Trichromacy

#1f58b7 Protanomaly 1% of men, 0.01% of women
#1f5ba9 Deuteranomaly 6% of men, 0.4% of women
#4a5e87 Tritanomaly 0.01% of the population

#564cb0 hex color

#564cb0 Color Information

#564cb0 Color Conversion

Color Schemes with #564cb0

Alternatives to #564cb0

#564cb0 Preview

Shades and Tints of #564cb0

Tones of #564cb0

Color Blindness Simulator