#564bde hex color

In a RGB color space, hex #564bde is composed of 33.7% red, 29.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 66.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 244.5 degrees, a saturation of 69% and a lightness of 58.2%. #564bde color hex could be obtained by blending #ac96ff with #0000bd. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 29
- B 87
RGB color chart
- C 61
- M 66
- Y 0
- K 13
CMYK color chart

● #564bde color description : Soft blue.

The hexadecimal color #564bde has RGB values of R:86, G:75, B:222 and CMYK values of C:0.61, M:0.66, Y:0, K:0.13. Its decimal value is 5655518.

Hex triplet	564bde	`#564bde`
RGB Decimal	86, 75, 222	`rgb(86,75,222)`
RGB Percent	33.7, 29.4, 87.1	`rgb(33.7%,29.4%,87.1%)`
CMYK	61, 66, 0, 13
HSL	244.5°, 69, 58.2	`hsl(244.5,69%,58.2%)`
HSV (or HSB)	244.5°, 66.2, 87.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	41.663, 46.528, -73.559
XYZ	19.536, 12.284, 70.445
xyY	0.191, 0.12, 12.284
CIE-LCH	41.663, 87.039, 302.315
CIE-LUV	41.663, -5.198, -109.421
Hunter-Lab	35.048, 38.163, -94.636
Binary	01010110, 01001011, 11011110

#564bde
```
#564bde rgb(86,75,222)
```
#d3de4b
```
#d3de4b rgb(211,222,75)
```

Complementary Color

#4b8ade
```
#4b8ade rgb(75,138,222)
```
#564bde
```
#564bde rgb(86,75,222)
```
#a04bde
```
#a04bde rgb(160,75,222)
```

Analogous Color

#8ade4b
```
#8ade4b rgb(138,222,75)
```
#564bde
```
#564bde rgb(86,75,222)
```
#dea04b
```
#dea04b rgb(222,160,75)
```

Split Complementary Color

#4bde56
```
#4bde56 rgb(75,222,86)
```
#564bde
```
#564bde rgb(86,75,222)
```
#de564b
```
#de564b rgb(222,86,75)
```

Triadic Color

#4bd3de
```
#4bd3de rgb(75,211,222)
```
#564bde
```
#564bde rgb(86,75,222)
```
#de564b
```
#de564b rgb(222,86,75)
```
#d3de4b
```
#d3de4b rgb(211,222,75)
```

Tetradic Color

#2e22ba
```
#2e22ba rgb(46,34,186)
```
#3326d0
```
#3326d0 rgb(51,38,208)
```
#4235da
```
#4235da rgb(66,53,218)
```
#564bde
```
#564bde rgb(86,75,222)
```
#6a61e2
```
#6a61e2 rgb(106,97,226)
```
#7e76e6
```
#7e76e6 rgb(126,118,230)
```
#938cea
```
#938cea rgb(147,140,234)
```

Monochromatic Color

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

#4b65de
```
#4b65de rgb(75,101,222)
```
#4b59de
```
#4b59de rgb(75,89,222)
```
#4b4cde
```
#4b4cde rgb(75,76,222)
```
#564bde
```
#564bde rgb(86,75,222)
```
#624bde
```
#624bde rgb(98,75,222)
```
#6f4bde
```
#6f4bde rgb(111,75,222)
```
#7b4bde
```
#7b4bde rgb(123,75,222)
```

Similar Colors

Text with hexadecimal color #564bde

This text has a font color of #564bde.

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

#564bde background color

This paragraph has a background color of #564bde.

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

#564bde border color

This element has a border color of #564bde.

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

CSS codes

.text {color:#564bde;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#050313
```
#050313 rgb(5,3,19)
```
#090723
```
#090723 rgb(9,7,35)
```
#0d0a34
```
#0d0a34 rgb(13,10,52)
```
#110d45
```
#110d45 rgb(17,13,69)
```
#151055
```
#151055 rgb(21,16,85)
```
#191366
```
#191366 rgb(25,19,102)
```
#1d1676
```
#1d1676 rgb(29,22,118)
```
#211987
```
#211987 rgb(33,25,135)
```
#251c98
```
#251c98 rgb(37,28,152)
```
#291fa8
```
#291fa8 rgb(41,31,168)
```
#2d22b9
```
#2d22b9 rgb(45,34,185)
```
#3125c9
```
#3125c9 rgb(49,37,201)
```

Shade Color Variation

#372ad8
```
#372ad8 rgb(55,42,216)
```
#463adb
```
#463adb rgb(70,58,219)
```
#564bde
```
#564bde rgb(86,75,222)
```
#665ce1
```
#665ce1 rgb(102,92,225)
```
#756ce4
```
#756ce4 rgb(117,108,228)
```
#857de7
```
#857de7 rgb(133,125,231)
```
#948dea
```
#948dea rgb(148,141,234)
```
#a49eed
```
#a49eed rgb(164,158,237)
```
#b3aef0
```
#b3aef0 rgb(179,174,240)
```
#c3bff3
```
#c3bff3 rgb(195,191,243)
```
#d3d0f6
```
#d3d0f6 rgb(211,208,246)
```
#e2e0f9
```
#e2e0f9 rgb(226,224,249)
```
#f2f1fc
```
#f2f1fc rgb(242,241,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8d9c is the less saturated color, while #3a2aff is the most saturated one.

#8e8d9c
```
#8e8d9c rgb(142,141,156)
```
#8784a5
```
#8784a5 rgb(135,132,165)
```
#807cad
```
#807cad rgb(128,124,173)
```
#7974b5
```
#7974b5 rgb(121,116,181)
```
#726cbd
```
#726cbd rgb(114,108,189)
```
#6b64c5
```
#6b64c5 rgb(107,100,197)
```
#645bce
```
#645bce rgb(100,91,206)
```
#5d53d6
```
#5d53d6 rgb(93,83,214)
```
#564bde
```
#564bde rgb(86,75,222)
```
#4f43e6
```
#4f43e6 rgb(79,67,230)
```
#483bee
```
#483bee rgb(72,59,238)
```
#4132f7
```
#4132f7 rgb(65,50,247)
```
#3a2aff
```
#3a2aff rgb(58,42,255)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5d5b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00747d Tritanopia 0.001% of the population

Trichromacy

#1f5dd0 Protanomaly 1% of men, 0.01% of women
#1f60c0 Deuteranomaly 6% of men, 0.4% of women
#1f65a0 Tritanomaly 0.01% of the population

#564bde hex color

#564bde Color Information

#564bde Color Conversion

Color Schemes with #564bde

Alternatives to #564bde

#564bde Preview

Shades and Tints of #564bde

Tones of #564bde

Color Blindness Simulator