#5574ea hex color

In a RGB color space, hex #5574ea is composed of 33.3% red, 45.5% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 50.4% magenta, 0% yellow and 8.2% black. It has a hue angle of 227.5 degrees, a saturation of 78% and a lightness of 62.5%. #5574ea color hex could be obtained by blending #aae8ff with #0000d5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 45
- B 92
RGB color chart
- C 64
- M 50
- Y 0
- K 8
CMYK color chart

● #5574ea color description : Soft blue.

The hexadecimal color #5574ea has RGB values of R:85, G:116, B:234 and CMYK values of C:0.64, M:0.5, Y:0, K:0.08. Its decimal value is 5600490.

Hex triplet	5574ea	`#5574ea`
RGB Decimal	85, 116, 234	`rgb(85,116,234)`
RGB Percent	33.3, 45.5, 91.8	`rgb(33.3%,45.5%,91.8%)`
CMYK	64, 50, 0, 8
HSL	227.5°, 78, 62.5	`hsl(227.5,78%,62.5%)`
HSV (or HSB)	227.5°, 63.7, 91.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.243, 25.522, -63.154
XYZ	24.84, 20.361, 80.458
xyY	0.198, 0.162, 20.361
CIE-LCH	52.243, 68.116, 292.005
CIE-LUV	52.243, -16.315, -100.354
Hunter-Lab	45.123, 19.296, -74.132
Binary	01010101, 01110100, 11101010

#5574ea
```
#5574ea rgb(85,116,234)
```
#eacb55
```
#eacb55 rgb(234,203,85)
```

Complementary Color

#55bfea
```
#55bfea rgb(85,191,234)
```
#5574ea
```
#5574ea rgb(85,116,234)
```
#8155ea
```
#8155ea rgb(129,85,234)
```

Analogous Color

#bfea55
```
#bfea55 rgb(191,234,85)
```
#5574ea
```
#5574ea rgb(85,116,234)
```
#ea8155
```
#ea8155 rgb(234,129,85)
```

Split Complementary Color

#74ea55
```
#74ea55 rgb(116,234,85)
```
#5574ea
```
#5574ea rgb(85,116,234)
```
#ea5574
```
#ea5574 rgb(234,85,116)
```

Triadic Color

#55eacb
```
#55eacb rgb(85,234,203)
```
#5574ea
```
#5574ea rgb(85,116,234)
```
#ea5574
```
#ea5574 rgb(234,85,116)
```
#eacb55
```
#eacb55 rgb(234,203,85)
```

Tetradic Color

#1b42d8
```
#1b42d8 rgb(27,66,216)
```
#284fe4
```
#284fe4 rgb(40,79,228)
```
#3e61e7
```
#3e61e7 rgb(62,97,231)
```
#5574ea
```
#5574ea rgb(85,116,234)
```
#6c87ed
```
#6c87ed rgb(108,135,237)
```
#8299f0
```
#8299f0 rgb(130,153,240)
```
#99acf2
```
#99acf2 rgb(153,172,242)
```

Monochromatic Color

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

#5599ea
```
#5599ea rgb(85,153,234)
```
#558dea
```
#558dea rgb(85,141,234)
```
#5580ea
```
#5580ea rgb(85,128,234)
```
#5574ea
```
#5574ea rgb(85,116,234)
```
#5568ea
```
#5568ea rgb(85,104,234)
```
#555bea
```
#555bea rgb(85,91,234)
```
#5b55ea
```
#5b55ea rgb(91,85,234)
```

Similar Colors

Text with hexadecimal color #5574ea

This text has a font color of #5574ea.

<span style="color:#5574ea;">Text here</span>

#5574ea background color

This paragraph has a background color of #5574ea.

<p style="background-color:#5574ea;">Content here</p>

#5574ea border color

This element has a border color of #5574ea.

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

CSS codes

.text {color:#5574ea;}

.background {background-color:#5574ea;}

.border {border:1px solid #5574ea;}

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

#010105
```
#010105 rgb(1,1,5)
```
#030716
```
#030716 rgb(3,7,22)
```
#050c28
```
#050c28 rgb(5,12,40)
```
#071139
```
#071139 rgb(7,17,57)
```
#09174a
```
#09174a rgb(9,23,74)
```
#0b1c5c
```
#0b1c5c rgb(11,28,92)
```
#0e216d
```
#0e216d rgb(14,33,109)
```
#10277f
```
#10277f rgb(16,39,127)
```
#122c90
```
#122c90 rgb(18,44,144)
```
#1431a2
```
#1431a2 rgb(20,49,162)
```
#1637b3
```
#1637b3 rgb(22,55,179)
```
#183cc5
```
#183cc5 rgb(24,60,197)
```
#1a41d6
```
#1a41d6 rgb(26,65,214)
```

Shade Color Variation

#2149e4
```
#2149e4 rgb(33,73,228)
```
#3257e6
```
#3257e6 rgb(50,87,230)
```
#4466e8
```
#4466e8 rgb(68,102,232)
```
#5574ea
```
#5574ea rgb(85,116,234)
```
#6682ec
```
#6682ec rgb(102,130,236)
```
#7891ee
```
#7891ee rgb(120,145,238)
```
#899ff0
```
#899ff0 rgb(137,159,240)
```
#9badf3
```
#9badf3 rgb(155,173,243)
```
#acbbf5
```
#acbbf5 rgb(172,187,245)
```
#becaf7
```
#becaf7 rgb(190,202,247)
```
#cfd8f9
```
#cfd8f9 rgb(207,216,249)
```
#e1e6fb
```
#e1e6fb rgb(225,230,251)
```
#f2f4fd
```
#f2f4fd rgb(242,244,253)
```

Tint Color Variation

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

#9e9fa1
```
#9e9fa1 rgb(158,159,161)
```
#979ba8
```
#979ba8 rgb(151,155,168)
```
#9096af
```
#9096af rgb(144,150,175)
```
#8892b7
```
#8892b7 rgb(136,146,183)
```
#818ebe
```
#818ebe rgb(129,142,190)
```
#7a89c5
```
#7a89c5 rgb(122,137,197)
```
#7285cd
```
#7285cd rgb(114,133,205)
```
#6b81d4
```
#6b81d4 rgb(107,129,212)
```
#647ddb
```
#647ddb rgb(100,125,219)
```
#5c78e3
```
#5c78e3 rgb(92,120,227)
```
#5574ea
```
#5574ea rgb(85,116,234)
```
#4e70f1
```
#4e70f1 rgb(78,112,241)
```
#466bf9
```
#466bf9 rgb(70,107,249)
```

Tone Color Variation

Below, you can see how #5574ea 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

#787878 Achromatopsia 0.005% of the population
#71778f Atypical Achromatopsia 0.001% of the population

Dichromacy

#387fef Protanopia 1% of men
#0085dd Deuteranopia 1% of men
#00909a Tritanopia 0.001% of the population

Trichromacy

#437bed Protanomaly 1% of men, 0.01% of women
#1e7fe1 Deuteranomaly 6% of men, 0.4% of women
#1e85b7 Tritanomaly 0.01% of the population

#5574ea hex color

#5574ea Color Information

#5574ea Color Conversion

Color Schemes with #5574ea

Alternatives to #5574ea

#5574ea Preview

Shades and Tints of #5574ea

Tones of #5574ea

Color Blindness Simulator