#5578ef hex color

In a RGB color space, hex #5578ef is composed of 33.3% red, 47.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 49.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 226.4 degrees, a saturation of 82.8% and a lightness of 63.5%. #5578ef color hex could be obtained by blending #aaf0ff with #0000df. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 47
- B 94
RGB color chart
- C 64
- M 50
- Y 0
- K 6
CMYK color chart

● #5578ef color description : Soft blue.

The hexadecimal color #5578ef has RGB values of R:85, G:120, B:239 and CMYK values of C:0.64, M:0.5, Y:0, K:0.06. Its decimal value is 5601519.

Hex triplet	5578ef	`#5578ef`
RGB Decimal	85, 120, 239	`rgb(85,120,239)`
RGB Percent	33.3, 47.1, 93.7	`rgb(33.3%,47.1%,93.7%)`
CMYK	64, 50, 0, 6
HSL	226.4°, 82.8, 63.5	`hsl(226.4,82.8%,63.5%)`
HSV (or HSB)	226.4°, 64.4, 93.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.594, 24.764, -63.768
XYZ	26.039, 21.595, 84.453
xyY	0.197, 0.163, 21.595
CIE-LCH	53.594, 68.408, 291.223
CIE-LUV	53.594, -17.556, -101.859
Hunter-Lab	46.47, 18.7, -75.222
Binary	01010101, 01111000, 11101111

#5578ef
```
#5578ef rgb(85,120,239)
```
#efcc55
```
#efcc55 rgb(239,204,85)
```

Complementary Color

#55c5ef
```
#55c5ef rgb(85,197,239)
```
#5578ef
```
#5578ef rgb(85,120,239)
```
#7f55ef
```
#7f55ef rgb(127,85,239)
```

Analogous Color

#c5ef55
```
#c5ef55 rgb(197,239,85)
```
#5578ef
```
#5578ef rgb(85,120,239)
```
#ef7f55
```
#ef7f55 rgb(239,127,85)
```

Split Complementary Color

#78ef55
```
#78ef55 rgb(120,239,85)
```
#5578ef
```
#5578ef rgb(85,120,239)
```
#ef5578
```
#ef5578 rgb(239,85,120)
```

Triadic Color

#55efcc
```
#55efcc rgb(85,239,204)
```
#5578ef
```
#5578ef rgb(85,120,239)
```
#ef5578
```
#ef5578 rgb(239,85,120)
```
#efcc55
```
#efcc55 rgb(239,204,85)
```

Tetradic Color

#1544e2
```
#1544e2 rgb(21,68,226)
```
#2653eb
```
#2653eb rgb(38,83,235)
```
#3e65ed
```
#3e65ed rgb(62,101,237)
```
#5578ef
```
#5578ef rgb(85,120,239)
```
#6c8bf1
```
#6c8bf1 rgb(108,139,241)
```
#849df3
```
#849df3 rgb(132,157,243)
```
#9bb0f6
```
#9bb0f6 rgb(155,176,246)
```

Monochromatic Color

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

#559fef
```
#559fef rgb(85,159,239)
```
#5592ef
```
#5592ef rgb(85,146,239)
```
#5585ef
```
#5585ef rgb(85,133,239)
```
#5578ef
```
#5578ef rgb(85,120,239)
```
#556bef
```
#556bef rgb(85,107,239)
```
#555eef
```
#555eef rgb(85,94,239)
```
#5855ef
```
#5855ef rgb(88,85,239)
```

Similar Colors

Text with hexadecimal color #5578ef

This text has a font color of #5578ef.

<span style="color:#5578ef;">Text here</span>

#5578ef background color

This paragraph has a background color of #5578ef.

<p style="background-color:#5578ef;">Content here</p>

#5578ef border color

This element has a border color of #5578ef.

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

CSS codes

.text {color:#5578ef;}

.background {background-color:#5578ef;}

.border {border:1px solid #5578ef;}

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

#010309
```
#010309 rgb(1,3,9)
```
#03081b
```
#03081b rgb(3,8,27)
```
#040e2d
```
#040e2d rgb(4,14,45)
```
#06133f
```
#06133f rgb(6,19,63)
```
#081851
```
#081851 rgb(8,24,81)
```
#091e63
```
#091e63 rgb(9,30,99)
```
#0b2375
```
#0b2375 rgb(11,35,117)
```
#0d2887
```
#0d2887 rgb(13,40,135)
```
#0e2e99
```
#0e2e99 rgb(14,46,153)
```
#1033ab
```
#1033ab rgb(16,51,171)
```
#1239bd
```
#1239bd rgb(18,57,189)
```
#133ece
```
#133ece rgb(19,62,206)
```
#1543e0
```
#1543e0 rgb(21,67,224)
```

Shade Color Variation

#1f4dea
```
#1f4dea rgb(31,77,234)
```
#315cec
```
#315cec rgb(49,92,236)
```
#436aed
```
#436aed rgb(67,106,237)
```
#5578ef
```
#5578ef rgb(85,120,239)
```
#6786f1
```
#6786f1 rgb(103,134,241)
```
#7994f2
```
#7994f2 rgb(121,148,242)
```
#8ba3f4
```
#8ba3f4 rgb(139,163,244)
```
#9db1f6
```
#9db1f6 rgb(157,177,246)
```
#afbff7
```
#afbff7 rgb(175,191,247)
```
#c1cdf9
```
#c1cdf9 rgb(193,205,249)
```
#d2dcfb
```
#d2dcfb rgb(210,220,251)
```
#e4eafc
```
#e4eafc rgb(228,234,252)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

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

#9d9fa7
```
#9d9fa7 rgb(157,159,167)
```
#959baf
```
#959baf rgb(149,155,175)
```
#8e97b6
```
#8e97b6 rgb(142,151,182)
```
#8793bd
```
#8793bd rgb(135,147,189)
```
#808fc4
```
#808fc4 rgb(128,143,196)
```
#798ccb
```
#798ccb rgb(121,140,203)
```
#7288d2
```
#7288d2 rgb(114,136,210)
```
#6a84da
```
#6a84da rgb(106,132,218)
```
#6380e1
```
#6380e1 rgb(99,128,225)
```
#5c7ce8
```
#5c7ce8 rgb(92,124,232)
```
#5578ef
```
#5578ef rgb(85,120,239)
```
#4e74f6
```
#4e74f6 rgb(78,116,246)
```
#4770fd
```
#4770fd rgb(71,112,253)
```

Tone Color Variation

Below, you can see how #5578ef 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

#7b7b7b Achromatopsia 0.005% of the population
#737a92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d82f3 Protanopia 1% of men
#0089e3 Deuteranopia 1% of men
#00939e Tritanopia 0.001% of the population

Trichromacy

#467ef1 Protanomaly 1% of men, 0.01% of women
#1e82e7 Deuteranomaly 6% of men, 0.4% of women
#1e89bb Tritanomaly 0.01% of the population

#5578ef hex color

#5578ef Color Information

#5578ef Color Conversion

Color Schemes with #5578ef

Alternatives to #5578ef

#5578ef Preview

Shades and Tints of #5578ef

Tones of #5578ef

Color Blindness Simulator