#5577ed hex color

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

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

● #5577ed color description : Soft blue.

The hexadecimal color #5577ed has RGB values of R:85, G:119, B:237 and CMYK values of C:0.64, M:0.5, Y:0, K:0.07. Its decimal value is 5601261.

Hex triplet	5577ed	`#5577ed`
RGB Decimal	85, 119, 237	`rgb(85,119,237)`
RGB Percent	33.3, 46.7, 92.9	`rgb(33.3%,46.7%,92.9%)`
CMYK	64, 50, 0, 7
HSL	226.6°, 80.9, 63.1	`hsl(226.6,80.9%,63.1%)`
HSV (or HSB)	226.6°, 64.1, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.209, 24.697, -63.274
XYZ	25.626, 21.238, 82.865
xyY	0.198, 0.164, 21.238
CIE-LCH	53.209, 67.923, 291.322
CIE-LUV	53.209, -17.239, -100.916
Hunter-Lab	46.085, 18.609, -74.351
Binary	01010101, 01110111, 11101101

#5577ed
```
#5577ed rgb(85,119,237)
```
#edcb55
```
#edcb55 rgb(237,203,85)
```

Complementary Color

#55c3ed
```
#55c3ed rgb(85,195,237)
```
#5577ed
```
#5577ed rgb(85,119,237)
```
#7f55ed
```
#7f55ed rgb(127,85,237)
```

Analogous Color

#c3ed55
```
#c3ed55 rgb(195,237,85)
```
#5577ed
```
#5577ed rgb(85,119,237)
```
#ed7f55
```
#ed7f55 rgb(237,127,85)
```

Split Complementary Color

#77ed55
```
#77ed55 rgb(119,237,85)
```
#5577ed
```
#5577ed rgb(85,119,237)
```
#ed5577
```
#ed5577 rgb(237,85,119)
```

Triadic Color

#55edcb
```
#55edcb rgb(85,237,203)
```
#5577ed
```
#5577ed rgb(85,119,237)
```
#ed5577
```
#ed5577 rgb(237,85,119)
```
#edcb55
```
#edcb55 rgb(237,203,85)
```

Tetradic Color

#1844de
```
#1844de rgb(24,68,222)
```
#2752e8
```
#2752e8 rgb(39,82,232)
```
#3e65eb
```
#3e65eb rgb(62,101,235)
```
#5577ed
```
#5577ed rgb(85,119,237)
```
#6c89ef
```
#6c89ef rgb(108,137,239)
```
#839cf2
```
#839cf2 rgb(131,156,242)
```
#9aaef4
```
#9aaef4 rgb(154,174,244)
```

Monochromatic Color

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

#559ded
```
#559ded rgb(85,157,237)
```
#5590ed
```
#5590ed rgb(85,144,237)
```
#5584ed
```
#5584ed rgb(85,132,237)
```
#5577ed
```
#5577ed rgb(85,119,237)
```
#556aed
```
#556aed rgb(85,106,237)
```
#555eed
```
#555eed rgb(85,94,237)
```
#5955ed
```
#5955ed rgb(89,85,237)
```

Similar Colors

Text with hexadecimal color #5577ed

This text has a font color of #5577ed.

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

#5577ed background color

This paragraph has a background color of #5577ed.

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

#5577ed border color

This element has a border color of #5577ed.

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

CSS codes

.text {color:#5577ed;}

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

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

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)
```
#030819
```
#030819 rgb(3,8,25)
```
#050d2b
```
#050d2b rgb(5,13,43)
```
#06133d
```
#06133d rgb(6,19,61)
```
#08184e
```
#08184e rgb(8,24,78)
```
#0a1d60
```
#0a1d60 rgb(10,29,96)
```
#0c2372
```
#0c2372 rgb(12,35,114)
```
#0e2884
```
#0e2884 rgb(14,40,132)
```
#102e95
```
#102e95 rgb(16,46,149)
```
#1233a7
```
#1233a7 rgb(18,51,167)
```
#1439b9
```
#1439b9 rgb(20,57,185)
```
#153eca
```
#153eca rgb(21,62,202)
```
#1743dc
```
#1743dc rgb(23,67,220)
```

Shade Color Variation

#204ce7
```
#204ce7 rgb(32,76,231)
```
#325be9
```
#325be9 rgb(50,91,233)
```
#4369eb
```
#4369eb rgb(67,105,235)
```
#5577ed
```
#5577ed rgb(85,119,237)
```
#6785ef
```
#6785ef rgb(103,133,239)
```
#7893f1
```
#7893f1 rgb(120,147,241)
```
#8aa2f3
```
#8aa2f3 rgb(138,162,243)
```
#9cb0f5
```
#9cb0f5 rgb(156,176,245)
```
#aebef6
```
#aebef6 rgb(174,190,246)
```
#bfccf8
```
#bfccf8 rgb(191,204,248)
```
#d1dafa
```
#d1dafa rgb(209,218,250)
```
#e3e9fc
```
#e3e9fc rgb(227,233,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 #476ffb is the most saturated one.

#9d9fa5
```
#9d9fa5 rgb(157,159,165)
```
#969bac
```
#969bac rgb(150,155,172)
```
#8f97b3
```
#8f97b3 rgb(143,151,179)
```
#8893ba
```
#8893ba rgb(136,147,186)
```
#808fc2
```
#808fc2 rgb(128,143,194)
```
#798bc9
```
#798bc9 rgb(121,139,201)
```
#7287d0
```
#7287d0 rgb(114,135,208)
```
#6b83d7
```
#6b83d7 rgb(107,131,215)
```
#637fdf
```
#637fdf rgb(99,127,223)
```
#5c7be6
```
#5c7be6 rgb(92,123,230)
```
#5577ed
```
#5577ed rgb(85,119,237)
```
#4e73f4
```
#4e73f4 rgb(78,115,244)
```
#476ffb
```
#476ffb rgb(71,111,251)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#737991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d82f1 Protanopia 1% of men
#0088e1 Deuteranopia 1% of men
#00929d Tritanopia 0.001% of the population

Trichromacy

#467eef Protanomaly 1% of men, 0.01% of women
#1e81e5 Deuteranomaly 6% of men, 0.4% of women
#1e88ba Tritanomaly 0.01% of the population

#5577ed hex color

#5577ed Color Information

#5577ed Color Conversion

Color Schemes with #5577ed

Alternatives to #5577ed

#5577ed Preview

Shades and Tints of #5577ed

Tones of #5577ed

Color Blindness Simulator