#557cef Color Information
In a RGB color space, hex #557cef is composed of 33.3% red, 48.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 48.1% magenta, 0% yellow and 6.3% black. It has a hue angle of 224.8 degrees, a saturation of 82.8% and a lightness of 63.5%. #557cef color hex could be obtained by blending #aaf8ff with #0000df. Closest websafe color is: #6666ff.
-
- R 33
- G 49
- B 94
-
- C 64
- M 48
- Y 0
- K 6
● #557cef color description : Soft blue.
#557cef Color Conversion
The hexadecimal color #557cef has RGB values of R:85, G:124, B:239 and CMYK values of C:0.64, M:0.48, Y:0, K:0.06. Its decimal value is 5602543.
Hex triplet | 557cef | #557cef |
---|---|---|
RGB Decimal | 85, 124, 239 | rgb(85,124,239) |
RGB Percent | 33.3, 48.6, 93.7 | rgb(33.3%,48.6%,93.7%) |
CMYK | 64, 48, 0, 6 | |
HSL | 224.8°, 82.8, 63.5 | hsl(224.8,82.8%,63.5%) |
HSV (or HSB) | 224.8°, 64.4, 93.7 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 54.634, 22.312, -62.095 |
---|---|
XYZ | 26.531, 22.577, 84.616 |
xyY | 0.198, 0.169, 22.577 |
CIE-LCH | 54.634, 65.981, 289.764 |
CIE-LUV | 54.634, -18.756, -99.501 |
Hunter-Lab | 47.515, 16.516, -72.324 |
Binary | 01010101, 01111100, 11101111 |
Color Schemes with #557cef
Alternatives to #557cef
Below, you can see some colors close to #557cef. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557cef Preview
This text has a font color of #557cef.
<span style="color:#557cef;">Text here</span>
This paragraph has a background color of #557cef.
<p style="background-color:#557cef;">Content here</p>
This element has a border color of #557cef.
<div style="border:1px solid #557cef;">Content here</div>
.text {color:#557cef;}
.background {background-color:#557cef;}
.border {border:1px solid #557cef;}
Shades and Tints of #557cef
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, #010309 is the darkest color, while #f6f8fe is the lightest one.
-
#010309
#010309
rgb(1,3,9)
-
#03091b
#03091b
rgb(3,9,27)
-
#040f2d
#040f2d
rgb(4,15,45)
-
#06143f
#06143f
rgb(6,20,63)
-
#081a51
#081a51
rgb(8,26,81)
-
#092063
#092063
rgb(9,32,99)
-
#0b2675
#0b2675
rgb(11,38,117)
-
#0d2c87
#0d2c87
rgb(13,44,135)
-
#0e3199
#0e3199
rgb(14,49,153)
-
#1037ab
#1037ab
rgb(16,55,171)
-
#123dbd
#123dbd
rgb(18,61,189)
-
#1343ce
#1343ce
rgb(19,67,206)
-
#1549e0
#1549e0
rgb(21,73,224)
-
#1f53ea
#1f53ea
rgb(31,83,234)
-
#3160ec
#3160ec
rgb(49,96,236)
-
#436eed
#436eed
rgb(67,110,237)
-
#557cef
#557cef
rgb(85,124,239)
-
#678af1
#678af1
rgb(103,138,241)
-
#7998f2
#7998f2
rgb(121,152,242)
-
#8ba5f4
#8ba5f4
rgb(139,165,244)
-
#9db3f6
#9db3f6
rgb(157,179,246)
-
#afc1f7
#afc1f7
rgb(175,193,247)
-
#c1cff9
#c1cff9
rgb(193,207,249)
-
#d2ddfb
#d2ddfb
rgb(210,221,251)
-
#e4ebfc
#e4ebfc
rgb(228,235,252)
-
#f6f8fe
#f6f8fe
rgb(246,248,254)
Tones of #557cef
A tone is produced by adding gray to any pure hue. In this case, #9d9fa7 is the less saturated color, while #4775fd is the most saturated one.
-
#9d9fa7
#9d9fa7
rgb(157,159,167)
-
#959caf
#959caf
rgb(149,156,175)
-
#8e98b6
#8e98b6
rgb(142,152,182)
-
#8795bd
#8795bd
rgb(135,149,189)
-
#8091c4
#8091c4
rgb(128,145,196)
-
#798ecb
#798ecb
rgb(121,142,203)
-
#728ad2
#728ad2
rgb(114,138,210)
-
#6a87da
#6a87da
rgb(106,135,218)
-
#6383e1
#6383e1
rgb(99,131,225)
-
#5c80e8
#5c80e8
rgb(92,128,232)
-
#557cef
#557cef
rgb(85,124,239)
-
#4e78f6
#4e78f6
rgb(78,120,246)
-
#4775fd
#4775fd
rgb(71,117,253)
Color Blindness Simulator
Below, you can see how #557cef 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.