#557eed Color Information
In a RGB color space, hex #557eed is composed of 33.3% red, 49.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 46.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 223.8 degrees, a saturation of 80.9% and a lightness of 63.1%. #557eed color hex could be obtained by blending #aafcff with #0000db. Closest websafe color is: #6666ff.
-
- R 33
- G 49
- B 93
-
- C 64
- M 47
- Y 0
- K 7
● #557eed color description : Soft blue.
#557eed Color Conversion
The hexadecimal color #557eed has RGB values of R:85, G:126, B:237 and CMYK values of C:0.64, M:0.47, Y:0, K:0.07. Its decimal value is 5603053.
Hex triplet | 557eed | #557eed |
---|---|---|
RGB Decimal | 85, 126, 237 | rgb(85,126,237) |
RGB Percent | 33.3, 49.4, 92.9 | rgb(33.3%,49.4%,92.9%) |
CMYK | 64, 47, 0, 7 | |
HSL | 223.8°, 80.9, 63.1 | hsl(223.8,80.9%,63.1%) |
HSV (or HSB) | 223.8°, 64.1, 92.9 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 55.037, 20.407, -60.333 |
---|---|
XYZ | 26.49, 22.966, 83.153 |
xyY | 0.2, 0.173, 22.966 |
CIE-LCH | 55.037, 63.691, 288.687 |
CIE-LUV | 55.037, -19.359, -96.73 |
Hunter-Lab | 47.923, 14.804, -69.331 |
Binary | 01010101, 01111110, 11101101 |
Color Schemes with #557eed
Alternatives to #557eed
Below, you can see some colors close to #557eed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557eed Preview
This text has a font color of #557eed.
<span style="color:#557eed;">Text here</span>
This paragraph has a background color of #557eed.
<p style="background-color:#557eed;">Content here</p>
This element has a border color of #557eed.
<div style="border:1px solid #557eed;">Content here</div>
.text {color:#557eed;}
.background {background-color:#557eed;}
.border {border:1px solid #557eed;}
Shades and Tints of #557eed
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, #010307 is the darkest color, while #f5f7fe is the lightest one.
-
#010307
#010307
rgb(1,3,7)
-
#030919
#030919
rgb(3,9,25)
-
#050f2b
#050f2b
rgb(5,15,43)
-
#06153d
#06153d
rgb(6,21,61)
-
#081b4e
#081b4e
rgb(8,27,78)
-
#0a2160
#0a2160
rgb(10,33,96)
-
#0c2772
#0c2772
rgb(12,39,114)
-
#0e2e84
#0e2e84
rgb(14,46,132)
-
#103495
#103495
rgb(16,52,149)
-
#123aa7
#123aa7
rgb(18,58,167)
-
#1440b9
#1440b9
rgb(20,64,185)
-
#1546ca
#1546ca
rgb(21,70,202)
-
#174cdc
#174cdc
rgb(23,76,220)
-
#2056e7
#2056e7
rgb(32,86,231)
-
#3263e9
#3263e9
rgb(50,99,233)
-
#4371eb
#4371eb
rgb(67,113,235)
-
#557eed
#557eed
rgb(85,126,237)
-
#678bef
#678bef
rgb(103,139,239)
-
#7899f1
#7899f1
rgb(120,153,241)
-
#8aa6f3
#8aa6f3
rgb(138,166,243)
-
#9cb4f5
#9cb4f5
rgb(156,180,245)
-
#aec1f6
#aec1f6
rgb(174,193,246)
-
#bfcff8
#bfcff8
rgb(191,207,248)
-
#d1dcfa
#d1dcfa
rgb(209,220,250)
-
#e3eafc
#e3eafc
rgb(227,234,252)
-
#f5f7fe
#f5f7fe
rgb(245,247,254)
Tones of #557eed
A tone is produced by adding gray to any pure hue. In this case, #9d9fa5 is the less saturated color, while #4777fb is the most saturated one.
-
#9d9fa5
#9d9fa5
rgb(157,159,165)
-
#969cac
#969cac
rgb(150,156,172)
-
#8f99b3
#8f99b3
rgb(143,153,179)
-
#8895ba
#8895ba
rgb(136,149,186)
-
#8092c2
#8092c2
rgb(128,146,194)
-
#798fc9
#798fc9
rgb(121,143,201)
-
#728bd0
#728bd0
rgb(114,139,208)
-
#6b88d7
#6b88d7
rgb(107,136,215)
-
#6385df
#6385df
rgb(99,133,223)
-
#5c81e6
#5c81e6
rgb(92,129,230)
-
#557eed
#557eed
rgb(85,126,237)
-
#4e7bf4
#4e7bf4
rgb(78,123,244)
-
#4777fb
#4777fb
rgb(71,119,251)
Color Blindness Simulator
Below, you can see how #557eed 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.