#564fbe hex color

In a RGB color space, hex #564fbe is composed of 33.7% red, 31% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 58.4% magenta, 0% yellow and 25.5% black. It has a hue angle of 243.8 degrees, a saturation of 46.1% and a lightness of 52.7%. #564fbe color hex could be obtained by blending #ac9eff with #00007d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 31
- B 75
RGB color chart
- C 55
- M 58
- Y 0
- K 25
CMYK color chart

● #564fbe color description : Moderate blue.

The hexadecimal color #564fbe has RGB values of R:86, G:79, B:190 and CMYK values of C:0.55, M:0.58, Y:0, K:0.25. Its decimal value is 5656510.

Hex triplet	564fbe	`#564fbe`
RGB Decimal	86, 79, 190	`rgb(86,79,190)`
RGB Percent	33.7, 31, 74.5	`rgb(33.7%,31%,74.5%)`
CMYK	55, 58, 0, 25
HSL	243.8°, 46.1, 52.7	`hsl(243.8,46.1%,52.7%)`
HSV (or HSB)	243.8°, 58.4, 74.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.061, 34.011, -57.697
XYZ	15.926, 11.288, 50.052
xyY	0.206, 0.146, 11.288
CIE-LCH	40.061, 66.976, 300.519
CIE-LUV	40.061, -4.114, -86.162
Hunter-Lab	33.597, 25.821, -64.811
Binary	01010110, 01001111, 10111110

#564fbe
```
#564fbe rgb(86,79,190)
```
#b7be4f
```
#b7be4f rgb(183,190,79)
```

Complementary Color

#4f80be
```
#4f80be rgb(79,128,190)
```
#564fbe
```
#564fbe rgb(86,79,190)
```
#8e4fbe
```
#8e4fbe rgb(142,79,190)
```

Analogous Color

#80be4f
```
#80be4f rgb(128,190,79)
```
#564fbe
```
#564fbe rgb(86,79,190)
```
#be8e4f
```
#be8e4f rgb(190,142,79)
```

Split Complementary Color

#4fbe56
```
#4fbe56 rgb(79,190,86)
```
#564fbe
```
#564fbe rgb(86,79,190)
```
#be564f
```
#be564f rgb(190,86,79)
```

Triadic Color

#4fb7be
```
#4fb7be rgb(79,183,190)
```
#564fbe
```
#564fbe rgb(86,79,190)
```
#be564f
```
#be564f rgb(190,86,79)
```
#b7be4f
```
#b7be4f rgb(183,190,79)
```

Tetradic Color

#3a348d
```
#3a348d rgb(58,52,141)
```
#413b9f
```
#413b9f rgb(65,59,159)
```
#4942b2
```
#4942b2 rgb(73,66,178)
```
#564fbe
```
#564fbe rgb(86,79,190)
```
#6862c5
```
#6862c5 rgb(104,98,197)
```
#7a74cc
```
#7a74cc rgb(122,116,204)
```
#8c87d3
```
#8c87d3 rgb(140,135,211)
```

Monochromatic Color

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

#4f64be
```
#4f64be rgb(79,100,190)
```
#4f5abe
```
#4f5abe rgb(79,90,190)
```
#4f51be
```
#4f51be rgb(79,81,190)
```
#564fbe
```
#564fbe rgb(86,79,190)
```
#5f4fbe
```
#5f4fbe rgb(95,79,190)
```
#694fbe
```
#694fbe rgb(105,79,190)
```
#724fbe
```
#724fbe rgb(114,79,190)
```

Similar Colors

Text with hexadecimal color #564fbe

This text has a font color of #564fbe.

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

#564fbe background color

This paragraph has a background color of #564fbe.

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

#564fbe border color

This element has a border color of #564fbe.

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

CSS codes

.text {color:#564fbe;}

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

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

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, #04040a is the darkest color, while #fbfbfd is the lightest one.

#04040a
```
#04040a rgb(4,4,10)
```
#0a0919
```
#0a0919 rgb(10,9,25)
```
#100e27
```
#100e27 rgb(16,14,39)
```
#161435
```
#161435 rgb(22,20,53)
```
#1c1944
```
#1c1944 rgb(28,25,68)
```
#211e52
```
#211e52 rgb(33,30,82)
```
#272460
```
#272460 rgb(39,36,96)
```
#2d296e
```
#2d296e rgb(45,41,110)
```
#332e7d
```
#332e7d rgb(51,46,125)
```
#39338b
```
#39338b rgb(57,51,139)
```
#3f3999
```
#3f3999 rgb(63,57,153)
```
#453ea8
```
#453ea8 rgb(69,62,168)
```
#4b43b6
```
#4b43b6 rgb(75,67,182)
```

Shade Color Variation

#564fbe
```
#564fbe rgb(86,79,190)
```
#645dc3
```
#645dc3 rgb(100,93,195)
```
#726cc9
```
#726cc9 rgb(114,108,201)
```
#7f7ace
```
#7f7ace rgb(127,122,206)
```
#8d88d3
```
#8d88d3 rgb(141,136,211)
```
#9b97d8
```
#9b97d8 rgb(155,151,216)
```
#a9a5de
```
#a9a5de rgb(169,165,222)
```
#b6b3e3
```
#b6b3e3 rgb(182,179,227)
```
#c4c2e8
```
#c4c2e8 rgb(196,194,232)
```
#d2d0ee
```
#d2d0ee rgb(210,208,238)
```
#e0def3
```
#e0def3 rgb(224,222,243)
```
#ededf8
```
#ededf8 rgb(237,237,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#7f7d90
```
#7f7d90 rgb(127,125,144)
```
#767499
```
#767499 rgb(118,116,153)
```
#6e6ba2
```
#6e6ba2 rgb(110,107,162)
```
#6662ab
```
#6662ab rgb(102,98,171)
```
#5e58b5
```
#5e58b5 rgb(94,88,181)
```
#564fbe
```
#564fbe rgb(86,79,190)
```
#4e46c7
```
#4e46c7 rgb(78,70,199)
```
#463cd1
```
#463cd1 rgb(70,60,209)
```
#3e33da
```
#3e33da rgb(62,51,218)
```
#362ae3
```
#362ae3 rgb(54,42,227)
```
#2d21ec
```
#2d21ec rgb(45,33,236)
```
#2517f6
```
#2517f6 rgb(37,23,246)
```
#1d0eff
```
#1d0eff rgb(29,14,255)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5c5b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c3 Protanopia 1% of men
#0068ac Deuteranopia 1% of men
#3b6e76 Tritanopia 0.001% of the population

Trichromacy

#1f5cc1 Protanomaly 1% of men, 0.01% of women
#1f5fb2 Deuteranomaly 6% of men, 0.4% of women
#456290 Tritanomaly 0.01% of the population

#564fbe hex color

#564fbe Color Information

#564fbe Color Conversion

Color Schemes with #564fbe

Alternatives to #564fbe

#564fbe Preview

Shades and Tints of #564fbe

Tones of #564fbe

Color Blindness Simulator