#557ac5 Color Information
In a RGB color space, hex #557ac5 is composed of 33.3% red, 47.8% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 38.1% magenta, 0% yellow and 22.7% black. It has a hue angle of 220.2 degrees, a saturation of 49.1% and a lightness of 55.3%. #557ac5 color hex could be obtained by blending #aaf4ff with #00008b. Closest websafe color is: #6666cc.
-
- R 33
- G 48
- B 77
-
- C 57
- M 38
- Y 0
- K 23
● #557ac5 color description : Moderate blue.
#557ac5 Color Conversion
The hexadecimal color #557ac5 has RGB values of R:85, G:122, B:197 and CMYK values of C:0.57, M:0.38, Y:0, K:0.23. Its decimal value is 5601989.
Hex triplet | 557ac5 | #557ac5 |
---|---|---|
RGB Decimal | 85, 122, 197 | rgb(85,122,197) |
RGB Percent | 33.3, 47.8, 77.3 | rgb(33.3%,47.8%,77.3%) |
CMYK | 57, 38, 0, 23 | |
HSL | 220.2°, 49.1, 55.3 | hsl(220.2,49.1%,55.3%) |
HSV (or HSB) | 220.2°, 56.9, 77.3 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 51.702, 9.402, -43.095 |
---|---|
XYZ | 20.782, 19.88, 55.562 |
xyY | 0.216, 0.207, 19.88 |
CIE-LCH | 51.702, 44.109, 282.308 |
CIE-LUV | 51.702, -17.934, -67.168 |
Hunter-Lab | 44.588, 5.168, -42.673 |
Binary | 01010101, 01111010, 11000101 |
Color Schemes with #557ac5
Alternatives to #557ac5
Below, you can see some colors close to #557ac5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557ac5 Preview
This text has a font color of #557ac5.
<span style="color:#557ac5;">Text here</span>
This paragraph has a background color of #557ac5.
<p style="background-color:#557ac5;">Content here</p>
This element has a border color of #557ac5.
<div style="border:1px solid #557ac5;">Content here</div>
.text {color:#557ac5;}
.background {background-color:#557ac5;}
.border {border:1px solid #557ac5;}
Shades and Tints of #557ac5
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)
-
#0c1323
#0c1323
rgb(12,19,35)
-
#111c31
#111c31
rgb(17,28,49)
-
#162440
#162440
rgb(22,36,64)
-
#1b2c4f
#1b2c4f
rgb(27,44,79)
-
#20345d
#20345d
rgb(32,52,93)
-
#253c6c
#253c6c
rgb(37,60,108)
-
#2a447b
#2a447b
rgb(42,68,123)
-
#2f4d89
#2f4d89
rgb(47,77,137)
-
#345598
#345598
rgb(52,85,152)
-
#395da6
#395da6
rgb(57,93,166)
-
#3e65b5
#3e65b5
rgb(62,101,181)
-
#466fc0
#466fc0
rgb(70,111,192)
-
#557ac5
#557ac5
rgb(85,122,197)
-
#6485ca
#6485ca
rgb(100,133,202)
-
#7291cf
#7291cf
rgb(114,145,207)
-
#819cd4
#819cd4
rgb(129,156,212)
-
#90a8d9
#90a8d9
rgb(144,168,217)
-
#9eb3de
#9eb3de
rgb(158,179,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)
-
#e7ecf7
#e7ecf7
rgb(231,236,247)
-
#f6f8fc
#f6f8fc
rgb(246,248,252)
Tones of #557ac5
A tone is produced by adding gray to any pure hue. In this case, #8a8c90 is the less saturated color, while #2068fa 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)
-
#6780b3
#6780b3
rgb(103,128,179)
-
#5e7dbc
#5e7dbc
rgb(94,125,188)
-
#557ac5
#557ac5
rgb(85,122,197)
-
#4c77ce
#4c77ce
rgb(76,119,206)
-
#4374d7
#4374d7
rgb(67,116,215)
-
#3b71df
#3b71df
rgb(59,113,223)
-
#326ee8
#326ee8
rgb(50,110,232)
-
#296bf1
#296bf1
rgb(41,107,241)
-
#2068fa
#2068fa
rgb(32,104,250)
Color Blindness Simulator
Below, you can see how #557ac5 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.