#564fb7 hex color

In a RGB color space, hex #564fb7 is composed of 33.7% red, 31% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 56.8% magenta, 0% yellow and 28.2% black. It has a hue angle of 244 degrees, a saturation of 41.9% and a lightness of 51.4%. #564fb7 color hex could be obtained by blending #ac9eff with #00006f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 31
- B 72
RGB color chart
- C 53
- M 57
- Y 0
- K 28
CMYK color chart

● #564fb7 color description : Moderate blue.

The hexadecimal color #564fb7 has RGB values of R:86, G:79, B:183 and CMYK values of C:0.53, M:0.57, Y:0, K:0.28. Its decimal value is 5656503.

Hex triplet	564fb7	`#564fb7`
RGB Decimal	86, 79, 183	`rgb(86,79,183)`
RGB Percent	33.7, 31, 71.8	`rgb(33.7%,31%,71.8%)`
CMYK	53, 57, 0, 28
HSL	244°, 41.9, 51.4	`hsl(244,41.9%,51.4%)`
HSV (or HSB)	244°, 56.8, 71.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	39.562, 31.784, -54.403
XYZ	15.179, 10.989, 46.118
xyY	0.21, 0.152, 10.989
CIE-LCH	39.562, 63.008, 300.295
CIE-LUV	39.562, -3.664, -81.1
Hunter-Lab	33.149, 23.725, -59.281
Binary	01010110, 01001111, 10110111

#564fb7
```
#564fb7 rgb(86,79,183)
```
#b0b74f
```
#b0b74f rgb(176,183,79)
```

Complementary Color

#4f7cb7
```
#4f7cb7 rgb(79,124,183)
```
#564fb7
```
#564fb7 rgb(86,79,183)
```
#8a4fb7
```
#8a4fb7 rgb(138,79,183)
```

Analogous Color

#7cb74f
```
#7cb74f rgb(124,183,79)
```
#564fb7
```
#564fb7 rgb(86,79,183)
```
#b78a4f
```
#b78a4f rgb(183,138,79)
```

Split Complementary Color

#4fb756
```
#4fb756 rgb(79,183,86)
```
#564fb7
```
#564fb7 rgb(86,79,183)
```
#b7564f
```
#b7564f rgb(183,86,79)
```

Triadic Color

#4fb0b7
```
#4fb0b7 rgb(79,176,183)
```
#564fb7
```
#564fb7 rgb(86,79,183)
```
#b7564f
```
#b7564f rgb(183,86,79)
```
#b0b74f
```
#b0b74f rgb(176,183,79)
```

Tetradic Color

#3b3684
```
#3b3684 rgb(59,54,132)
```
#433d96
```
#433d96 rgb(67,61,150)
```
#4b45a8
```
#4b45a8 rgb(75,69,168)
```
#564fb7
```
#564fb7 rgb(86,79,183)
```
#6761be
```
#6761be rgb(103,97,190)
```
#7973c6
```
#7973c6 rgb(121,115,198)
```
#8a85cd
```
#8a85cd rgb(138,133,205)
```

Monochromatic Color

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

#4f62b7
```
#4f62b7 rgb(79,98,183)
```
#4f59b7
```
#4f59b7 rgb(79,89,183)
```
#4f51b7
```
#4f51b7 rgb(79,81,183)
```
#564fb7
```
#564fb7 rgb(86,79,183)
```
#5f4fb7
```
#5f4fb7 rgb(95,79,183)
```
#674fb7
```
#674fb7 rgb(103,79,183)
```
#704fb7
```
#704fb7 rgb(112,79,183)
```

Similar Colors

Text with hexadecimal color #564fb7

This text has a font color of #564fb7.

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

#564fb7 background color

This paragraph has a background color of #564fb7.

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

#564fb7 border color

This element has a border color of #564fb7.

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

CSS codes

.text {color:#564fb7;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#080813
```
#080813 rgb(8,8,19)
```
#0f0d21
```
#0f0d21 rgb(15,13,33)
```
#15132f
```
#15132f rgb(21,19,47)
```
#1b193d
```
#1b193d rgb(27,25,61)
```
#211f4b
```
#211f4b rgb(33,31,75)
```
#282458
```
#282458 rgb(40,36,88)
```
#2e2a66
```
#2e2a66 rgb(46,42,102)
```
#343074
```
#343074 rgb(52,48,116)
```
#3a3582
```
#3a3582 rgb(58,53,130)
```
#413b90
```
#413b90 rgb(65,59,144)
```
#47419e
```
#47419e rgb(71,65,158)
```
#4d46ac
```
#4d46ac rgb(77,70,172)
```

Shade Color Variation

#564fb7
```
#564fb7 rgb(86,79,183)
```
#635dbd
```
#635dbd rgb(99,93,189)
```
#716bc2
```
#716bc2 rgb(113,107,194)
```
#7e79c8
```
#7e79c8 rgb(126,121,200)
```
#8b87ce
```
#8b87ce rgb(139,135,206)
```
#9995d3
```
#9995d3 rgb(153,149,211)
```
#a6a3d9
```
#a6a3d9 rgb(166,163,217)
```
#b4b0df
```
#b4b0df rgb(180,176,223)
```
#c1bee5
```
#c1bee5 rgb(193,190,229)
```
#ceccea
```
#ceccea rgb(206,204,234)
```
#dcdaf0
```
#dcdaf0 rgb(220,218,240)
```
#e9e8f6
```
#e9e8f6 rgb(233,232,246)
```
#f6f6fb
```
#f6f6fb rgb(246,246,251)
```

Tint Color Variation

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

#7f7f87
```
#7f7f87 rgb(127,127,135)
```
#777591
```
#777591 rgb(119,117,145)
```
#6f6c9a
```
#6f6c9a rgb(111,108,154)
```
#6762a4
```
#6762a4 rgb(103,98,164)
```
#5e59ad
```
#5e59ad rgb(94,89,173)
```
#564fb7
```
#564fb7 rgb(86,79,183)
```
#4e45c1
```
#4e45c1 rgb(78,69,193)
```
#453cca
```
#453cca rgb(69,60,202)
```
#3d32d4
```
#3d32d4 rgb(61,50,212)
```
#3529dd
```
#3529dd rgb(53,41,221)
```
#2d1fe7
```
#2d1fe7 rgb(45,31,231)
```
#2416f0
```
#2416f0 rgb(36,22,240)
```
#1c0cfa
```
#1c0cfa rgb(28,12,250)
```

Tone Color Variation

Below, you can see how #564fb7 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
#5c5a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c1 Protanopia 1% of men
#0067aa Deuteranopia 1% of men
#406c74 Tritanopia 0.001% of the population

Trichromacy

#1f5bbd Protanomaly 1% of men, 0.01% of women
#1f5eaf Deuteranomaly 6% of men, 0.4% of women
#48618c Tritanomaly 0.01% of the population

#564fb7 hex color

#564fb7 Color Information

#564fb7 Color Conversion

Color Schemes with #564fb7

Alternatives to #564fb7

#564fb7 Preview

Shades and Tints of #564fb7

Tones of #564fb7

Color Blindness Simulator