#5574ed hex color

In a RGB color space, hex #5574ed is composed of 33.3% red, 45.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 51.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 227.8 degrees, a saturation of 80.9% and a lightness of 63.1%. #5574ed color hex could be obtained by blending #aae8ff with #0000db. Closest websafe color is: #6666ff.

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

● #5574ed color description : Soft blue.

The hexadecimal color #5574ed has RGB values of R:85, G:116, B:237 and CMYK values of C:0.64, M:0.51, Y:0, K:0.07. Its decimal value is 5600493.

Hex triplet	5574ed	`#5574ed`
RGB Decimal	85, 116, 237	`rgb(85,116,237)`
RGB Percent	33.3, 45.5, 92.9	`rgb(33.3%,45.5%,92.9%)`
CMYK	64, 51, 0, 7
HSL	227.8°, 80.9, 63.1	`hsl(227.8,80.9%,63.1%)`
HSV (or HSB)	227.8°, 64.1, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.437, 26.541, -64.519
XYZ	25.275, 20.535, 82.748
xyY	0.197, 0.16, 20.535
CIE-LCH	52.437, 69.765, 292.361
CIE-LUV	52.437, -16.357, -102.616
Hunter-Lab	45.316, 20.255, -76.545
Binary	01010101, 01110100, 11101101

#5574ed
```
#5574ed rgb(85,116,237)
```
#edce55
```
#edce55 rgb(237,206,85)
```

Complementary Color

#55c0ed
```
#55c0ed rgb(85,192,237)
```
#5574ed
```
#5574ed rgb(85,116,237)
```
#8255ed
```
#8255ed rgb(130,85,237)
```

Analogous Color

#c0ed55
```
#c0ed55 rgb(192,237,85)
```
#5574ed
```
#5574ed rgb(85,116,237)
```
#ed8255
```
#ed8255 rgb(237,130,85)
```

Split Complementary Color

#74ed55
```
#74ed55 rgb(116,237,85)
```
#5574ed
```
#5574ed rgb(85,116,237)
```
#ed5574
```
#ed5574 rgb(237,85,116)
```

Triadic Color

#55edce
```
#55edce rgb(85,237,206)
```
#5574ed
```
#5574ed rgb(85,116,237)
```
#ed5574
```
#ed5574 rgb(237,85,116)
```
#edce55
```
#edce55 rgb(237,206,85)
```

Tetradic Color

#1840de
```
#1840de rgb(24,64,222)
```
#274ee8
```
#274ee8 rgb(39,78,232)
```
#3e61eb
```
#3e61eb rgb(62,97,235)
```
#5574ed
```
#5574ed rgb(85,116,237)
```
#6c87ef
```
#6c87ef rgb(108,135,239)
```
#839af2
```
#839af2 rgb(131,154,242)
```
#9aadf4
```
#9aadf4 rgb(154,173,244)
```

Monochromatic Color

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

#559aed
```
#559aed rgb(85,154,237)
```
#558ded
```
#558ded rgb(85,141,237)
```
#5581ed
```
#5581ed rgb(85,129,237)
```
#5574ed
```
#5574ed rgb(85,116,237)
```
#5567ed
```
#5567ed rgb(85,103,237)
```
#555bed
```
#555bed rgb(85,91,237)
```
#5c55ed
```
#5c55ed rgb(92,85,237)
```

Similar Colors

Text with hexadecimal color #5574ed

This text has a font color of #5574ed.

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

#5574ed background color

This paragraph has a background color of #5574ed.

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

#5574ed border color

This element has a border color of #5574ed.

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

CSS codes

.text {color:#5574ed;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#030719
```
#030719 rgb(3,7,25)
```
#050c2b
```
#050c2b rgb(5,12,43)
```
#06113d
```
#06113d rgb(6,17,61)
```
#08174e
```
#08174e rgb(8,23,78)
```
#0a1c60
```
#0a1c60 rgb(10,28,96)
```
#0c2172
```
#0c2172 rgb(12,33,114)
```
#0e2684
```
#0e2684 rgb(14,38,132)
```
#102b95
```
#102b95 rgb(16,43,149)
```
#1230a7
```
#1230a7 rgb(18,48,167)
```
#1435b9
```
#1435b9 rgb(20,53,185)
```
#153aca
```
#153aca rgb(21,58,202)
```
#173fdc
```
#173fdc rgb(23,63,220)
```

Shade Color Variation

#2048e7
```
#2048e7 rgb(32,72,231)
```
#3257e9
```
#3257e9 rgb(50,87,233)
```
#4365eb
```
#4365eb rgb(67,101,235)
```
#5574ed
```
#5574ed rgb(85,116,237)
```
#6783ef
```
#6783ef rgb(103,131,239)
```
#7891f1
```
#7891f1 rgb(120,145,241)
```
#8aa0f3
```
#8aa0f3 rgb(138,160,243)
```
#9caef5
```
#9caef5 rgb(156,174,245)
```
#aebdf6
```
#aebdf6 rgb(174,189,246)
```
#bfcbf8
```
#bfcbf8 rgb(191,203,248)
```
#d1dafa
```
#d1dafa rgb(209,218,250)
```
#e3e8fc
```
#e3e8fc rgb(227,232,252)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#9d9fa5
```
#9d9fa5 rgb(157,159,165)
```
#969bac
```
#969bac rgb(150,155,172)
```
#8f96b3
```
#8f96b3 rgb(143,150,179)
```
#8892ba
```
#8892ba rgb(136,146,186)
```
#808ec2
```
#808ec2 rgb(128,142,194)
```
#7989c9
```
#7989c9 rgb(121,137,201)
```
#7285d0
```
#7285d0 rgb(114,133,208)
```
#6b81d7
```
#6b81d7 rgb(107,129,215)
```
#637ddf
```
#637ddf rgb(99,125,223)
```
#5c78e6
```
#5c78e6 rgb(92,120,230)
```
#5574ed
```
#5574ed rgb(85,116,237)
```
#4e70f4
```
#4e70f4 rgb(78,112,244)
```
#476bfb
```
#476bfb rgb(71,107,251)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#727890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3380f2 Protanopia 1% of men
#0086dd Deuteranopia 1% of men
#00909b Tritanopia 0.001% of the population

Trichromacy

#3f7bf0 Protanomaly 1% of men, 0.01% of women
#1e7fe3 Deuteranomaly 6% of men, 0.4% of women
#1e86b8 Tritanomaly 0.01% of the population

#5574ed hex color

#5574ed Color Information

#5574ed Color Conversion

Color Schemes with #5574ed

Alternatives to #5574ed

#5574ed Preview

Shades and Tints of #5574ed

Tones of #5574ed

Color Blindness Simulator