#557ee8 Color Information
In a RGB color space, hex #557ee8 is composed of 33.3% red, 49.4% green and 91% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 45.7% magenta, 0% yellow and 9% black. It has a hue angle of 223.3 degrees, a saturation of 76.2% and a lightness of 62.2%. #557ee8 color hex could be obtained by blending #aafcff with #0000d1. Closest websafe color is: #6666ff.
-
- R 33
- G 49
- B 91
-
- C 63
- M 46
- Y 0
- K 9
● #557ee8 color description : Soft blue.
#557ee8 Color Conversion
The hexadecimal color #557ee8 has RGB values of R:85, G:126, B:232 and CMYK values of C:0.63, M:0.46, Y:0, K:0.09. Its decimal value is 5603048.
Hex triplet | 557ee8 | #557ee8 |
---|---|---|
RGB Decimal | 85, 126, 232 | rgb(85,126,232) |
RGB Percent | 33.3, 49.4, 91 | rgb(33.3%,49.4%,91%) |
CMYK | 63, 46, 0, 9 | |
HSL | 223.3°, 76.2, 62.2 | hsl(223.3,76.2%,62.2%) |
HSV (or HSB) | 223.3°, 63.4, 91 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 54.739, 18.705, -58.024 |
---|---|
XYZ | 25.77, 22.678, 79.359 |
xyY | 0.202, 0.177, 22.678 |
CIE-LCH | 54.739, 60.964, 287.867 |
CIE-LUV | 54.739, -19.344, -92.815 |
Hunter-Lab | 47.621, 13.256, -65.47 |
Binary | 01010101, 01111110, 11101000 |
Color Schemes with #557ee8
Alternatives to #557ee8
Below, you can see some colors close to #557ee8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557ee8 Preview
This text has a font color of #557ee8.
<span style="color:#557ee8;">Text here</span>
This paragraph has a background color of #557ee8.
<p style="background-color:#557ee8;">Content here</p>
This element has a border color of #557ee8.
<div style="border:1px solid #557ee8;">Content here</div>
.text {color:#557ee8;}
.background {background-color:#557ee8;}
.border {border:1px solid #557ee8;}
Shades and Tints of #557ee8
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, #000103 is the darkest color, while #f1f4fd is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#030814
#030814
rgb(3,8,20)
-
#050e25
#050e25
rgb(5,14,37)
-
#071537
#071537
rgb(7,21,55)
-
#0a1b48
#0a1b48
rgb(10,27,72)
-
#0c2259
#0c2259
rgb(12,34,89)
-
#0e286a
#0e286a
rgb(14,40,106)
-
#112f7c
#112f7c
rgb(17,47,124)
-
#13358d
#13358d
rgb(19,53,141)
-
#153c9e
#153c9e
rgb(21,60,158)
-
#1842b0
#1842b0
rgb(24,66,176)
-
#1a49c1
#1a49c1
rgb(26,73,193)
-
#1c4fd2
#1c4fd2
rgb(28,79,210)
-
#2157e1
#2157e1
rgb(33,87,225)
-
#3264e3
#3264e3
rgb(50,100,227)
-
#4471e6
#4471e6
rgb(68,113,230)
-
#557ee8
#557ee8
rgb(85,126,232)
-
#668bea
#668bea
rgb(102,139,234)
-
#7898ed
#7898ed
rgb(120,152,237)
-
#89a5ef
#89a5ef
rgb(137,165,239)
-
#9ab2f1
#9ab2f1
rgb(154,178,241)
-
#abc0f4
#abc0f4
rgb(171,192,244)
-
#bdcdf6
#bdcdf6
rgb(189,205,246)
-
#cedaf8
#cedaf8
rgb(206,218,248)
-
#dfe7fb
#dfe7fb
rgb(223,231,251)
-
#f1f4fd
#f1f4fd
rgb(241,244,253)
Tones of #557ee8
A tone is produced by adding gray to any pure hue. In this case, #989ca5 is the less saturated color, while #3f74fe is the most saturated one.
-
#989ca5
#989ca5
rgb(152,156,165)
-
#9098ad
#9098ad
rgb(144,152,173)
-
#8995b4
#8995b4
rgb(137,149,180)
-
#8292bb
#8292bb
rgb(130,146,187)
-
#7a8ec3
#7a8ec3
rgb(122,142,195)
-
#738bca
#738bca
rgb(115,139,202)
-
#6b88d2
#6b88d2
rgb(107,136,210)
-
#6485d9
#6485d9
rgb(100,133,217)
-
#5c81e1
#5c81e1
rgb(92,129,225)
-
#557ee8
#557ee8
rgb(85,126,232)
-
#4e7bef
#4e7bef
rgb(78,123,239)
-
#4677f7
#4677f7
rgb(70,119,247)
-
#3f74fe
#3f74fe
rgb(63,116,254)
Color Blindness Simulator
Below, you can see how #557ee8 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.