#564fb5 hex color

In a RGB color space, hex #564fb5 is composed of 33.7% red, 31% green and 71% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 56.4% magenta, 0% yellow and 29% black. It has a hue angle of 244.1 degrees, a saturation of 40.8% and a lightness of 51%. #564fb5 color hex could be obtained by blending #ac9eff with #00006b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 31
- B 71
RGB color chart
- C 52
- M 56
- Y 0
- K 29
CMYK color chart

● #564fb5 color description : Moderate blue.

The hexadecimal color #564fb5 has RGB values of R:86, G:79, B:181 and CMYK values of C:0.52, M:0.56, Y:0, K:0.29. Its decimal value is 5656501.

Hex triplet	564fb5	`#564fb5`
RGB Decimal	86, 79, 181	`rgb(86,79,181)`
RGB Percent	33.7, 31, 71	`rgb(33.7%,31%,71%)`
CMYK	52, 56, 0, 29
HSL	244.1°, 40.8, 51	`hsl(244.1,40.8%,51%)`
HSV (or HSB)	244.1°, 56.4, 71
Web Safe	6666cc	`#6666cc`

CIE-LAB	39.422, 31.149, -53.453
XYZ	14.973, 10.906, 45.03
xyY	0.211, 0.154, 10.906
CIE-LCH	39.422, 61.867, 300.231
CIE-LUV	39.422, -3.534, -79.638
Hunter-Lab	33.024, 23.136, -57.726
Binary	01010110, 01001111, 10110101

#564fb5
```
#564fb5 rgb(86,79,181)
```
#aeb54f
```
#aeb54f rgb(174,181,79)
```

Complementary Color

#4f7bb5
```
#4f7bb5 rgb(79,123,181)
```
#564fb5
```
#564fb5 rgb(86,79,181)
```
#894fb5
```
#894fb5 rgb(137,79,181)
```

Analogous Color

#7bb54f
```
#7bb54f rgb(123,181,79)
```
#564fb5
```
#564fb5 rgb(86,79,181)
```
#b5894f
```
#b5894f rgb(181,137,79)
```

Split Complementary Color

#4fb556
```
#4fb556 rgb(79,181,86)
```
#564fb5
```
#564fb5 rgb(86,79,181)
```
#b5564f
```
#b5564f rgb(181,86,79)
```

Triadic Color

#4faeb5
```
#4faeb5 rgb(79,174,181)
```
#564fb5
```
#564fb5 rgb(86,79,181)
```
#b5564f
```
#b5564f rgb(181,86,79)
```
#aeb54f
```
#aeb54f rgb(174,181,79)
```

Tetradic Color

#3b3681
```
#3b3681 rgb(59,54,129)
```
#443e93
```
#443e93 rgb(68,62,147)
```
#4c45a5
```
#4c45a5 rgb(76,69,165)
```
#564fb5
```
#564fb5 rgb(86,79,181)
```
#6761bd
```
#6761bd rgb(103,97,189)
```
#7873c4
```
#7873c4 rgb(120,115,196)
```
#8a85cc
```
#8a85cc rgb(138,133,204)
```

Monochromatic Color

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

#4f62b5
```
#4f62b5 rgb(79,98,181)
```
#4f59b5
```
#4f59b5 rgb(79,89,181)
```
#4f51b5
```
#4f51b5 rgb(79,81,181)
```
#564fb5
```
#564fb5 rgb(86,79,181)
```
#5f4fb5
```
#5f4fb5 rgb(95,79,181)
```
#674fb5
```
#674fb5 rgb(103,79,181)
```
#704fb5
```
#704fb5 rgb(112,79,181)
```

Similar Colors

Text with hexadecimal color #564fb5

This text has a font color of #564fb5.

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

#564fb5 background color

This paragraph has a background color of #564fb5.

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

#564fb5 border color

This element has a border color of #564fb5.

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

CSS codes

.text {color:#564fb5;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#080711
```
#080711 rgb(8,7,17)
```
#0e0d1f
```
#0e0d1f rgb(14,13,31)
```
#15132d
```
#15132d rgb(21,19,45)
```
#1b193b
```
#1b193b rgb(27,25,59)
```
#211f49
```
#211f49 rgb(33,31,73)
```
#282456
```
#282456 rgb(40,36,86)
```
#2e2a64
```
#2e2a64 rgb(46,42,100)
```
#343072
```
#343072 rgb(52,48,114)
```
#3b3680
```
#3b3680 rgb(59,54,128)
```
#413c8e
```
#413c8e rgb(65,60,142)
```
#48419b
```
#48419b rgb(72,65,155)
```
#4e47a9
```
#4e47a9 rgb(78,71,169)
```

Shade Color Variation

#564fb5
```
#564fb5 rgb(86,79,181)
```
#635dbb
```
#635dbb rgb(99,93,187)
```
#716bc1
```
#716bc1 rgb(113,107,193)
```
#7e78c6
```
#7e78c6 rgb(126,120,198)
```
#8b86cc
```
#8b86cc rgb(139,134,204)
```
#9894d2
```
#9894d2 rgb(152,148,210)
```
#a6a2d8
```
#a6a2d8 rgb(166,162,216)
```
#b3b0de
```
#b3b0de rgb(179,176,222)
```
#c0bde3
```
#c0bde3 rgb(192,189,227)
```
#cdcbe9
```
#cdcbe9 rgb(205,203,233)
```
#dbd9ef
```
#dbd9ef rgb(219,217,239)
```
#e8e7f5
```
#e8e7f5 rgb(232,231,245)
```
#f5f5fb
```
#f5f5fb rgb(245,245,251)
```

Tint Color Variation

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

#7f7f85
```
#7f7f85 rgb(127,127,133)
```
#77758f
```
#77758f rgb(119,117,143)
```
#6f6c98
```
#6f6c98 rgb(111,108,152)
```
#6762a2
```
#6762a2 rgb(103,98,162)
```
#5e59ab
```
#5e59ab rgb(94,89,171)
```
#564fb5
```
#564fb5 rgb(86,79,181)
```
#4e45bf
```
#4e45bf rgb(78,69,191)
```
#453cc8
```
#453cc8 rgb(69,60,200)
```
#3d32d2
```
#3d32d2 rgb(61,50,210)
```
#3529db
```
#3529db rgb(53,41,219)
```
#2d1fe5
```
#2d1fe5 rgb(45,31,229)
```
#2415ef
```
#2415ef rgb(36,21,239)
```
#1c0cf8
```
#1c0cf8 rgb(28,12,248)
```

Tone Color Variation

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

#0062c0 Protanopia 1% of men
#0067aa Deuteranopia 1% of men
#416b73 Tritanopia 0.001% of the population

Trichromacy

#1f5bbc Protanomaly 1% of men, 0.01% of women
#1f5eae Deuteranomaly 6% of men, 0.4% of women
#48618b Tritanomaly 0.01% of the population

#564fb5 hex color

#564fb5 Color Information

#564fb5 Color Conversion

Color Schemes with #564fb5

Alternatives to #564fb5

#564fb5 Preview

Shades and Tints of #564fb5

Tones of #564fb5

Color Blindness Simulator