#5557ed hex color

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

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

● #5557ed color description : Soft blue.

The hexadecimal color #5557ed has RGB values of R:85, G:87, B:237 and CMYK values of C:0.64, M:0.63, Y:0, K:0.07. Its decimal value is 5593069.

Hex triplet	5557ed	`#5557ed`
RGB Decimal	85, 87, 237	`rgb(85,87,237)`
RGB Percent	33.3, 34.1, 92.9	`rgb(33.3%,34.1%,92.9%)`
CMYK	64, 63, 0, 7
HSL	239.2°, 80.9, 63.1	`hsl(239.2,80.9%,63.1%)`
HSV (or HSB)	239.2°, 64.1, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.443, 44.175, -75.879
XYZ	22.438, 14.861, 81.802
xyY	0.188, 0.125, 14.861
CIE-LCH	45.443, 87.802, 300.207
CIE-LUV	45.443, -8.838, -115.672
Hunter-Lab	38.55, 36.431, -98.827
Binary	01010101, 01010111, 11101101

#5557ed
```
#5557ed rgb(85,87,237)
```
#edeb55
```
#edeb55 rgb(237,235,85)
```

Complementary Color

#55a3ed
```
#55a3ed rgb(85,163,237)
```
#5557ed
```
#5557ed rgb(85,87,237)
```
#9f55ed
```
#9f55ed rgb(159,85,237)
```

Analogous Color

#a3ed55
```
#a3ed55 rgb(163,237,85)
```
#5557ed
```
#5557ed rgb(85,87,237)
```
#ed9f55
```
#ed9f55 rgb(237,159,85)
```

Split Complementary Color

#57ed55
```
#57ed55 rgb(87,237,85)
```
#5557ed
```
#5557ed rgb(85,87,237)
```
#ed5557
```
#ed5557 rgb(237,85,87)
```

Triadic Color

#55edeb
```
#55edeb rgb(85,237,235)
```
#5557ed
```
#5557ed rgb(85,87,237)
```
#ed5557
```
#ed5557 rgb(237,85,87)
```
#edeb55
```
#edeb55 rgb(237,235,85)
```

Tetradic Color

#181ade
```
#181ade rgb(24,26,222)
```
#2729e8
```
#2729e8 rgb(39,41,232)
```
#3e40eb
```
#3e40eb rgb(62,64,235)
```
#5557ed
```
#5557ed rgb(85,87,237)
```
#6c6eef
```
#6c6eef rgb(108,110,239)
```
#8385f2
```
#8385f2 rgb(131,133,242)
```
#9a9bf4
```
#9a9bf4 rgb(154,155,244)
```

Monochromatic Color

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

#557ded
```
#557ded rgb(85,125,237)
```
#5570ed
```
#5570ed rgb(85,112,237)
```
#5564ed
```
#5564ed rgb(85,100,237)
```
#5557ed
```
#5557ed rgb(85,87,237)
```
#6055ed
```
#6055ed rgb(96,85,237)
```
#6c55ed
```
#6c55ed rgb(108,85,237)
```
#7955ed
```
#7955ed rgb(121,85,237)
```

Similar Colors

Text with hexadecimal color #5557ed

This text has a font color of #5557ed.

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

#5557ed background color

This paragraph has a background color of #5557ed.

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

#5557ed border color

This element has a border color of #5557ed.

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

CSS codes

.text {color:#5557ed;}

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

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

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

#010107
```
#010107 rgb(1,1,7)
```
#030319
```
#030319 rgb(3,3,25)
```
#05052b
```
#05052b rgb(5,5,43)
```
#06073d
```
#06073d rgb(6,7,61)
```
#08094e
```
#08094e rgb(8,9,78)
```
#0a0b60
```
#0a0b60 rgb(10,11,96)
```
#0c0d72
```
#0c0d72 rgb(12,13,114)
```
#0e0f84
```
#0e0f84 rgb(14,15,132)
```
#101295
```
#101295 rgb(16,18,149)
```
#1214a7
```
#1214a7 rgb(18,20,167)
```
#1416b9
```
#1416b9 rgb(20,22,185)
```
#1518ca
```
#1518ca rgb(21,24,202)
```
#171adc
```
#171adc rgb(23,26,220)
```

Shade Color Variation

#2022e7
```
#2022e7 rgb(32,34,231)
```
#3234e9
```
#3234e9 rgb(50,52,233)
```
#4345eb
```
#4345eb rgb(67,69,235)
```
#5557ed
```
#5557ed rgb(85,87,237)
```
#6769ef
```
#6769ef rgb(103,105,239)
```
#787af1
```
#787af1 rgb(120,122,241)
```
#8a8cf3
```
#8a8cf3 rgb(138,140,243)
```
#9c9df5
```
#9c9df5 rgb(156,157,245)
```
#aeaff6
```
#aeaff6 rgb(174,175,246)
```
#bfc0f8
```
#bfc0f8 rgb(191,192,248)
```
#d1d2fa
```
#d1d2fa rgb(209,210,250)
```
#e3e3fc
```
#e3e3fc rgb(227,227,252)
```
#f5f5fe
```
#f5f5fe rgb(245,245,254)
```

Tint Color Variation

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

#9d9da5
```
#9d9da5 rgb(157,157,165)
```
#9696ac
```
#9696ac rgb(150,150,172)
```
#8f8fb3
```
#8f8fb3 rgb(143,143,179)
```
#8888ba
```
#8888ba rgb(136,136,186)
```
#8081c2
```
#8081c2 rgb(128,129,194)
```
#797ac9
```
#797ac9 rgb(121,122,201)
```
#7273d0
```
#7273d0 rgb(114,115,208)
```
#6b6cd7
```
#6b6cd7 rgb(107,108,215)
```
#6365df
```
#6365df rgb(99,101,223)
```
#5c5ee6
```
#5c5ee6 rgb(92,94,230)
```
#5557ed
```
#5557ed rgb(85,87,237)
```
#4e50f4
```
#4e50f4 rgb(78,80,244)
```
#4749fb
```
#4749fb rgb(71,73,251)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#646583 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0076be Deuteranopia 1% of men
#007e87 Tritanopia 0.001% of the population

Trichromacy

#1e66e1 Protanomaly 1% of men, 0.01% of women
#1e6acf Deuteranomaly 6% of men, 0.4% of women
#1e70ac Tritanomaly 0.01% of the population

#5557ed hex color

#5557ed Color Information

#5557ed Color Conversion

Color Schemes with #5557ed

Alternatives to #5557ed

#5557ed Preview

Shades and Tints of #5557ed

Tones of #5557ed

Color Blindness Simulator