#5564ff hex color

In a RGB color space, hex #5564ff is composed of 33.3% red, 39.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 60.8% magenta, 0% yellow and 0% black. It has a hue angle of 234.7 degrees, a saturation of 100% and a lightness of 66.7%. #5564ff color hex could be obtained by blending #aac8ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 39
- B 100
RGB color chart
- C 67
- M 61
- Y 0
- K 0
CMYK color chart

● #5564ff color description : Light blue.

The hexadecimal color #5564ff has RGB values of R:85, G:100, B:255 and CMYK values of C:0.67, M:0.61, Y:0, K:0. Its decimal value is 5596415.

Hex triplet	5564ff	`#5564ff`
RGB Decimal	85, 100, 255	`rgb(85,100,255)`
RGB Percent	33.3, 39.2, 100	`rgb(33.3%,39.2%,100%)`
CMYK	67, 61, 0, 0
HSL	234.7°, 100, 66.7	`hsl(234.7,100%,66.7%)`
HSV (or HSB)	234.7°, 66.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.815, 42.339, -78.795
XYZ	26.35, 18.264, 96.739
xyY	0.186, 0.129, 18.264
CIE-LCH	49.815, 89.45, 298.25
CIE-LUV	49.815, -12.536, -123.03
Hunter-Lab	42.737, 35.268, -104.294
Binary	01010101, 01100100, 11111111

#5564ff
```
#5564ff rgb(85,100,255)
```
#fff055
```
#fff055 rgb(255,240,85)
```

Complementary Color

#55b9ff
```
#55b9ff rgb(85,185,255)
```
#5564ff
```
#5564ff rgb(85,100,255)
```
#9b55ff
```
#9b55ff rgb(155,85,255)
```

Analogous Color

#b9ff55
```
#b9ff55 rgb(185,255,85)
```
#5564ff
```
#5564ff rgb(85,100,255)
```
#ff9b55
```
#ff9b55 rgb(255,155,85)
```

Split Complementary Color

#64ff55
```
#64ff55 rgb(100,255,85)
```
#5564ff
```
#5564ff rgb(85,100,255)
```
#ff5564
```
#ff5564 rgb(255,85,100)
```

Triadic Color

#55fff0
```
#55fff0 rgb(85,255,240)
```
#5564ff
```
#5564ff rgb(85,100,255)
```
#ff5564
```
#ff5564 rgb(255,85,100)
```
#fff055
```
#fff055 rgb(255,240,85)
```

Tetradic Color

#081eff
```
#081eff rgb(8,30,255)
```
#2235ff
```
#2235ff rgb(34,53,255)
```
#3c4dff
```
#3c4dff rgb(60,77,255)
```
#5564ff
```
#5564ff rgb(85,100,255)
```
#6f7bff
```
#6f7bff rgb(111,123,255)
```
#8893ff
```
#8893ff rgb(136,147,255)
```
#a2aaff
```
#a2aaff rgb(162,170,255)
```

Monochromatic Color

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

#558fff
```
#558fff rgb(85,143,255)
```
#5580ff
```
#5580ff rgb(85,128,255)
```
#5572ff
```
#5572ff rgb(85,114,255)
```
#5564ff
```
#5564ff rgb(85,100,255)
```
#5556ff
```
#5556ff rgb(85,86,255)
```
#6255ff
```
#6255ff rgb(98,85,255)
```
#7155ff
```
#7155ff rgb(113,85,255)
```

Similar Colors

Text with hexadecimal color #5564ff

This text has a font color of #5564ff.

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

#5564ff background color

This paragraph has a background color of #5564ff.

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

#5564ff border color

This element has a border color of #5564ff.

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

CSS codes

.text {color:#5564ff;}

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

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

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

#000107
```
#000107 rgb(0,1,7)
```
#00021a
```
#00021a rgb(0,2,26)
```
#00042e
```
#00042e rgb(0,4,46)
```
#000641
```
#000641 rgb(0,6,65)
```
#000755
```
#000755 rgb(0,7,85)
```
#000969
```
#000969 rgb(0,9,105)
```
#000b7c
```
#000b7c rgb(0,11,124)
```
#000d90
```
#000d90 rgb(0,13,144)
```
#000ea3
```
#000ea3 rgb(0,14,163)
```
#0010b7
```
#0010b7 rgb(0,16,183)
```
#0012cb
```
#0012cb rgb(0,18,203)
```
#0014de
```
#0014de rgb(0,20,222)
```
#0015f2
```
#0015f2 rgb(0,21,242)
```

Shade Color Variation

#071cff
```
#071cff rgb(7,28,255)
```
#1a2eff
```
#1a2eff rgb(26,46,255)
```
#2e40ff
```
#2e40ff rgb(46,64,255)
```
#4152ff
```
#4152ff rgb(65,82,255)
```
#5564ff
```
#5564ff rgb(85,100,255)
```
#6976ff
```
#6976ff rgb(105,118,255)
```
#7c88ff
```
#7c88ff rgb(124,136,255)
```
#909aff
```
#909aff rgb(144,154,255)
```
#a3acff
```
#a3acff rgb(163,172,255)
```
#b7bdff
```
#b7bdff rgb(183,189,255)
```
#cbcfff
```
#cbcfff rgb(203,207,255)
```
#dee1ff
```
#dee1ff rgb(222,225,255)
```
#f2f3ff
```
#f2f3ff rgb(242,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a3a5b1 is the less saturated color, while #5564ff is the most saturated one.

#a3a5b1
```
#a3a5b1 rgb(163,165,177)
```
#9d9fb7
```
#9d9fb7 rgb(157,159,183)
```
#969abe
```
#969abe rgb(150,154,190)
```
#9094c4
```
#9094c4 rgb(144,148,196)
```
#898fcb
```
#898fcb rgb(137,143,203)
```
#838ad1
```
#838ad1 rgb(131,138,209)
```
#7c84d8
```
#7c84d8 rgb(124,132,216)
```
#767fde
```
#767fde rgb(118,127,222)
```
#6f7ae5
```
#6f7ae5 rgb(111,122,229)
```
#6974eb
```
#6974eb rgb(105,116,235)
```
#626ff2
```
#626ff2 rgb(98,111,242)
```
#5c69f8
```
#5c69f8 rgb(92,105,248)
```
#5564ff
```
#5564ff rgb(85,100,255)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6b6e8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ee Protanopia 1% of men
#0080d0 Deuteranopia 1% of men
#008992 Tritanopia 0.001% of the population

Trichromacy

#1e71f4 Protanomaly 1% of men, 0.01% of women
#1e76e1 Deuteranomaly 6% of men, 0.4% of women
#1e7cba Tritanomaly 0.01% of the population

#5564ff hex color

#5564ff Color Information

#5564ff Color Conversion

Color Schemes with #5564ff

Alternatives to #5564ff

#5564ff Preview

Shades and Tints of #5564ff

Tones of #5564ff

Color Blindness Simulator