#5564ec hex color

In a RGB color space, hex #5564ec is composed of 33.3% red, 39.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 57.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 234 degrees, a saturation of 79.9% and a lightness of 62.9%. #5564ec color hex could be obtained by blending #aac8ff with #0000d9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 39
- B 93
RGB color chart
- C 64
- M 58
- Y 0
- K 7
CMYK color chart

● #5564ec color description : Soft blue.

The hexadecimal color #5564ec has RGB values of R:85, G:100, B:236 and CMYK values of C:0.64, M:0.58, Y:0, K:0.07. Its decimal value is 5596396.

Hex triplet	5564ec	`#5564ec`
RGB Decimal	85, 100, 236	`rgb(85,100,236)`
RGB Percent	33.3, 39.2, 92.5	`rgb(33.3%,39.2%,92.5%)`
CMYK	64, 58, 0, 7
HSL	234°, 79.9, 62.9	`hsl(234,79.9%,62.9%)`
HSV (or HSB)	234°, 64, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.386, 36.028, -70.519
XYZ	23.441, 17.101, 81.418
xyY	0.192, 0.14, 17.101
CIE-LCH	48.386, 79.189, 297.062
CIE-LUV	48.386, -11.934, -109.914
Hunter-Lab	41.353, 28.815, -87.787
Binary	01010101, 01100100, 11101100

#5564ec
```
#5564ec rgb(85,100,236)
```
#ecdd55
```
#ecdd55 rgb(236,221,85)
```

Complementary Color

#55b0ec
```
#55b0ec rgb(85,176,236)
```
#5564ec
```
#5564ec rgb(85,100,236)
```
#9255ec
```
#9255ec rgb(146,85,236)
```

Analogous Color

#b0ec55
```
#b0ec55 rgb(176,236,85)
```
#5564ec
```
#5564ec rgb(85,100,236)
```
#ec9255
```
#ec9255 rgb(236,146,85)
```

Split Complementary Color

#64ec55
```
#64ec55 rgb(100,236,85)
```
#5564ec
```
#5564ec rgb(85,100,236)
```
#ec5564
```
#ec5564 rgb(236,85,100)
```

Triadic Color

#55ecdd
```
#55ecdd rgb(85,236,221)
```
#5564ec
```
#5564ec rgb(85,100,236)
```
#ec5564
```
#ec5564 rgb(236,85,100)
```
#ecdd55
```
#ecdd55 rgb(236,221,85)
```

Tetradic Color

#192cdc
```
#192cdc rgb(25,44,220)
```
#273ae7
```
#273ae7 rgb(39,58,231)
```
#3e4fe9
```
#3e4fe9 rgb(62,79,233)
```
#5564ec
```
#5564ec rgb(85,100,236)
```
#6c79ef
```
#6c79ef rgb(108,121,239)
```
#838ef1
```
#838ef1 rgb(131,142,241)
```
#9aa3f4
```
#9aa3f4 rgb(154,163,244)
```

Monochromatic Color

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

#558aec
```
#558aec rgb(85,138,236)
```
#557dec
```
#557dec rgb(85,125,236)
```
#5571ec
```
#5571ec rgb(85,113,236)
```
#5564ec
```
#5564ec rgb(85,100,236)
```
#5557ec
```
#5557ec rgb(85,87,236)
```
#5f55ec
```
#5f55ec rgb(95,85,236)
```
#6c55ec
```
#6c55ec rgb(108,85,236)
```

Similar Colors

Text with hexadecimal color #5564ec

This text has a font color of #5564ec.

<span style="color:#5564ec;">Text here</span>

#5564ec background color

This paragraph has a background color of #5564ec.

<p style="background-color:#5564ec;">Content here</p>

#5564ec border color

This element has a border color of #5564ec.

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

CSS codes

.text {color:#5564ec;}

.background {background-color:#5564ec;}

.border {border:1px solid #5564ec;}

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

#010106
```
#010106 rgb(1,1,6)
```
#030518
```
#030518 rgb(3,5,24)
```
#05082a
```
#05082a rgb(5,8,42)
```
#070c3b
```
#070c3b rgb(7,12,59)
```
#090f4d
```
#090f4d rgb(9,15,77)
```
#0b135f
```
#0b135f rgb(11,19,95)
```
#0d1670
```
#0d1670 rgb(13,22,112)
```
#0f1a82
```
#0f1a82 rgb(15,26,130)
```
#101e94
```
#101e94 rgb(16,30,148)
```
#1221a5
```
#1221a5 rgb(18,33,165)
```
#1425b7
```
#1425b7 rgb(20,37,183)
```
#1628c9
```
#1628c9 rgb(22,40,201)
```
#182cda
```
#182cda rgb(24,44,218)
```

Shade Color Variation

#2034e6
```
#2034e6 rgb(32,52,230)
```
#3244e8
```
#3244e8 rgb(50,68,232)
```
#4354ea
```
#4354ea rgb(67,84,234)
```
#5564ec
```
#5564ec rgb(85,100,236)
```
#6774ee
```
#6774ee rgb(103,116,238)
```
#7884f0
```
#7884f0 rgb(120,132,240)
```
#8a94f2
```
#8a94f2 rgb(138,148,242)
```
#9ca4f4
```
#9ca4f4 rgb(156,164,244)
```
#adb4f6
```
#adb4f6 rgb(173,180,246)
```
#bfc5f8
```
#bfc5f8 rgb(191,197,248)
```
#d1d5fa
```
#d1d5fa rgb(209,213,250)
```
#e2e5fc
```
#e2e5fc rgb(226,229,252)
```
#f4f5fe
```
#f4f5fe rgb(244,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9ea3 is the less saturated color, while #4658fb is the most saturated one.

#9e9ea3
```
#9e9ea3 rgb(158,158,163)
```
#9698ab
```
#9698ab rgb(150,152,171)
```
#8f93b2
```
#8f93b2 rgb(143,147,178)
```
#888db9
```
#888db9 rgb(136,141,185)
```
#8187c0
```
#8187c0 rgb(129,135,192)
```
#7981c8
```
#7981c8 rgb(121,129,200)
```
#727bcf
```
#727bcf rgb(114,123,207)
```
#6b75d6
```
#6b75d6 rgb(107,117,214)
```
#6470dd
```
#6470dd rgb(100,112,221)
```
#5c6ae5
```
#5c6ae5 rgb(92,106,229)
```
#5564ec
```
#5564ec rgb(85,100,236)
```
#4e5ef3
```
#4e5ef3 rgb(78,94,243)
```
#4658fb
```
#4658fb rgb(70,88,251)
```

Tone Color Variation

Below, you can see how #5564ec 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

#6f6f6f Achromatopsia 0.005% of the population
#6a6d88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007ccb Deuteranopia 1% of men
#00868f Tritanopia 0.001% of the population

Trichromacy

#1e6fe9 Protanomaly 1% of men, 0.01% of women
#1e73d7 Deuteranomaly 6% of men, 0.4% of women
#1e79b1 Tritanomaly 0.01% of the population

#5564ec hex color

#5564ec Color Information

#5564ec Color Conversion

Color Schemes with #5564ec

Alternatives to #5564ec

#5564ec Preview

Shades and Tints of #5564ec

Tones of #5564ec

Color Blindness Simulator