#557bc5 Color Information
In a RGB color space, hex #557bc5 is composed of 33.3% red, 48.2% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 37.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 219.6 degrees, a saturation of 49.1% and a lightness of 55.3%. #557bc5 color hex could be obtained by blending #aaf6ff with #00008b. Closest websafe color is: #6666cc.
-
- R 33
- G 48
- B 77
-
- C 57
- M 38
- Y 0
- K 23
● #557bc5 color description : Moderate blue.
#557bc5 Color Conversion
The hexadecimal color #557bc5 has RGB values of R:85, G:123, B:197 and CMYK values of C:0.57, M:0.38, Y:0, K:0.23. Its decimal value is 5602245.
Hex triplet | 557bc5 | #557bc5 |
---|---|---|
RGB Decimal | 85, 123, 197 | rgb(85,123,197) |
RGB Percent | 33.3, 48.2, 77.3 | rgb(33.3%,48.2%,77.3%) |
CMYK | 57, 38, 0, 23 | |
HSL | 219.6°, 49.1, 55.3 | hsl(219.6,49.1%,55.3%) |
HSV (or HSB) | 219.6°, 56.9, 77.3 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 51.981, 8.795, -42.653 |
---|---|
XYZ | 20.905, 20.127, 55.604 |
xyY | 0.216, 0.208, 20.127 |
CIE-LCH | 51.981, 43.551, 281.65 |
CIE-LUV | 51.981, -18.283, -66.472 |
Hunter-Lab | 44.863, 4.665, -42.079 |
Binary | 01010101, 01111011, 11000101 |
Color Schemes with #557bc5
Alternatives to #557bc5
Below, you can see some colors close to #557bc5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557bc5 Preview
This text has a font color of #557bc5.
<span style="color:#557bc5;">Text here</span>
This paragraph has a background color of #557bc5.
<p style="background-color:#557bc5;">Content here</p>
This element has a border color of #557bc5.
<div style="border:1px solid #557bc5;">Content here</div>
.text {color:#557bc5;}
.background {background-color:#557bc5;}
.border {border:1px solid #557bc5;}
Shades and Tints of #557bc5
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, #020306 is the darkest color, while #f6f8fc is the lightest one.
-
#020306
#020306
rgb(2,3,6)
-
#070b14
#070b14
rgb(7,11,20)
-
#0c1423
#0c1423
rgb(12,20,35)
-
#111c31
#111c31
rgb(17,28,49)
-
#162440
#162440
rgb(22,36,64)
-
#1b2c4f
#1b2c4f
rgb(27,44,79)
-
#20355d
#20355d
rgb(32,53,93)
-
#253d6c
#253d6c
rgb(37,61,108)
-
#2a457b
#2a457b
rgb(42,69,123)
-
#2f4d89
#2f4d89
rgb(47,77,137)
-
#345698
#345698
rgb(52,86,152)
-
#395ea6
#395ea6
rgb(57,94,166)
-
#3e66b5
#3e66b5
rgb(62,102,181)
-
#4670c0
#4670c0
rgb(70,112,192)
-
#557bc5
#557bc5
rgb(85,123,197)
-
#6486ca
#6486ca
rgb(100,134,202)
-
#7292cf
#7292cf
rgb(114,146,207)
-
#819dd4
#819dd4
rgb(129,157,212)
-
#90a8d9
#90a8d9
rgb(144,168,217)
-
#9eb4de
#9eb4de
rgb(158,180,222)
-
#adbfe3
#adbfe3
rgb(173,191,227)
-
#bbcae8
#bbcae8
rgb(187,202,232)
-
#cad6ed
#cad6ed
rgb(202,214,237)
-
#d9e1f2
#d9e1f2
rgb(217,225,242)
-
#e7edf7
#e7edf7
rgb(231,237,247)
-
#f6f8fc
#f6f8fc
rgb(246,248,252)
Tones of #557bc5
A tone is produced by adding gray to any pure hue. In this case, #8a8c90 is the less saturated color, while #206afa is the most saturated one.
-
#8a8c90
#8a8c90
rgb(138,140,144)
-
#818999
#818999
rgb(129,137,153)
-
#7886a2
#7886a2
rgb(120,134,162)
-
#6f83ab
#6f83ab
rgb(111,131,171)
-
#6781b3
#6781b3
rgb(103,129,179)
-
#5e7ebc
#5e7ebc
rgb(94,126,188)
-
#557bc5
#557bc5
rgb(85,123,197)
-
#4c78ce
#4c78ce
rgb(76,120,206)
-
#4375d7
#4375d7
rgb(67,117,215)
-
#3b73df
#3b73df
rgb(59,115,223)
-
#3270e8
#3270e8
rgb(50,112,232)
-
#296df1
#296df1
rgb(41,109,241)
-
#206afa
#206afa
rgb(32,106,250)
Color Blindness Simulator
Below, you can see how #557bc5 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.