colorhexa.com

#5577e2 hex color

In a RGB color space, hex #5577e2 is composed of 33.3% red, 46.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 47.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 225.5 degrees, a saturation of 70.9% and a lightness of 61%. #5577e2 color hex could be obtained by blending #aaeeff with #0000c5. Closest websafe color is: #6666cc.

- R 33
- G 47
- B 89
RGB color chart
- C 62
- M 47
- Y 0
- K 11
CMYK color chart

● #5577e2 color description : Soft blue.

The hexadecimal color #5577e2 has RGB values of R:85, G:119, B:226 and CMYK values of C:0.62, M:0.47, Y:0, K:0.11. Its decimal value is 5601250.

Hex triplet	5577e2	`#5577e2`
RGB Decimal	85, 119, 226	`rgb(85,119,226)`
RGB Percent	33.3, 46.7, 88.6	`rgb(33.3%,46.7%,88.6%)`
CMYK	62, 47, 0, 11
HSL	225.5°, 70.9, 61	`hsl(225.5,70.9%,61%)`
HSV (or HSB)	225.5°, 62.4, 88.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.525, 20.96, -58.214
XYZ	24.068, 20.615, 74.658
xyY	0.202, 0.173, 20.615
CIE-LCH	52.525, 61.872, 289.801
CIE-LUV	52.525, -17.127, -92.456
Hunter-Lab	45.403, 15.165, -65.71
Binary	01010101, 01110111, 11100010

#5577e2
```
#5577e2 rgb(85,119,226)
```
#e2c055
```
#e2c055 rgb(226,192,85)
```

Complementary Color

#55bee2
```
#55bee2 rgb(85,190,226)
```
#5577e2
```
#5577e2 rgb(85,119,226)
```
#7a55e2
```
#7a55e2 rgb(122,85,226)
```

Analogous Color

#bee255
```
#bee255 rgb(190,226,85)
```
#5577e2
```
#5577e2 rgb(85,119,226)
```
#e27a55
```
#e27a55 rgb(226,122,85)
```

Split Complementary Color

#77e255
```
#77e255 rgb(119,226,85)
```
#5577e2
```
#5577e2 rgb(85,119,226)
```
#e25577
```
#e25577 rgb(226,85,119)
```

Triadic Color

#55e2c0
```
#55e2c0 rgb(85,226,192)
```
#5577e2
```
#5577e2 rgb(85,119,226)
```
#e25577
```
#e25577 rgb(226,85,119)
```
#e2c055
```
#e2c055 rgb(226,192,85)
```

Tetradic Color

#224ac8
```
#224ac8 rgb(34,74,200)
```
#2954db
```
#2954db rgb(41,84,219)
```
#3f66de
```
#3f66de rgb(63,102,222)
```
#5577e2
```
#5577e2 rgb(85,119,226)
```
#6b88e6
```
#6b88e6 rgb(107,136,230)
```
#819ae9
```
#819ae9 rgb(129,154,233)
```
#96abed
```
#96abed rgb(150,171,237)
```

Monochromatic Color

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

#559ae2
```
#559ae2 rgb(85,154,226)
```
#558fe2
```
#558fe2 rgb(85,143,226)
```
#5583e2
```
#5583e2 rgb(85,131,226)
```
#5577e2
```
#5577e2 rgb(85,119,226)
```
#556be2
```
#556be2 rgb(85,107,226)
```
#5560e2
```
#5560e2 rgb(85,96,226)
```
#5655e2
```
#5655e2 rgb(86,85,226)
```

Similar Colors

Text with hexadecimal color #5577e2

This text has a font color of #5577e2.

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

#5577e2 background color

This paragraph has a background color of #5577e2.

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

#5577e2 border color

This element has a border color of #5577e2.

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

CSS codes

.text {color:#5577e2;}

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

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

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, #02050e is the darkest color, while #fdfdff is the lightest one.

#02050e
```
#02050e rgb(2,5,14)
```
#050c1f
```
#050c1f rgb(5,12,31)
```
#081230
```
#081230 rgb(8,18,48)
```
#0b1841
```
#0b1841 rgb(11,24,65)
```
#0e1e51
```
#0e1e51 rgb(14,30,81)
```
#112462
```
#112462 rgb(17,36,98)
```
#142b73
```
#142b73 rgb(20,43,115)
```
#163184
```
#163184 rgb(22,49,132)
```
#193794
```
#193794 rgb(25,55,148)
```
#1c3da5
```
#1c3da5 rgb(28,61,165)
```
#1f43b6
```
#1f43b6 rgb(31,67,182)
```
#224ac7
```
#224ac7 rgb(34,74,199)
```
#2550d7
```
#2550d7 rgb(37,80,215)
```

Shade Color Variation

#335cdc
```
#335cdc rgb(51,92,220)
```
#446adf
```
#446adf rgb(68,106,223)
```
#5577e2
```
#5577e2 rgb(85,119,226)
```
#6684e5
```
#6684e5 rgb(102,132,229)
```
#7792e8
```
#7792e8 rgb(119,146,232)
```
#879feb
```
#879feb rgb(135,159,235)
```
#98aded
```
#98aded rgb(152,173,237)
```
#a9baf0
```
#a9baf0 rgb(169,186,240)
```
#bac7f3
```
#bac7f3 rgb(186,199,243)
```
#cad5f6
```
#cad5f6 rgb(202,213,246)
```
#dbe2f9
```
#dbe2f9 rgb(219,226,249)
```
#ecf0fc
```
#ecf0fc rgb(236,240,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#9a9b9d
```
#9a9b9d rgb(154,155,157)
```
#9297a5
```
#9297a5 rgb(146,151,165)
```
#8b93ac
```
#8b93ac rgb(139,147,172)
```
#838fb4
```
#838fb4 rgb(131,143,180)
```
#7b8bbc
```
#7b8bbc rgb(123,139,188)
```
#7487c3
```
#7487c3 rgb(116,135,195)
```
#6c83cb
```
#6c83cb rgb(108,131,203)
```
#647fd3
```
#647fd3 rgb(100,127,211)
```
#5d7bda
```
#5d7bda rgb(93,123,218)
```
#5577e2
```
#5577e2 rgb(85,119,226)
```
#4d73ea
```
#4d73ea rgb(77,115,234)
```
#466ff1
```
#466ff1 rgb(70,111,241)
```
#3e6bf9
```
#3e6bf9 rgb(62,107,249)
```

Tone Color Variation

Below, you can see how #5577e2 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
#72798e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a80e5 Protanopia 1% of men
#0886e0 Deuteranopia 1% of men
#25909a Tritanopia 0.001% of the population

Trichromacy

#4e7de4 Protanomaly 1% of men, 0.01% of women
#2480e0 Deuteranomaly 6% of men, 0.4% of women
#3687b4 Tritanomaly 0.01% of the population