#557ab4 Color Information
In a RGB color space, hex #557ab4 is composed of 33.3% red, 47.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 32.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 216.6 degrees, a saturation of 38.8% and a lightness of 52%. #557ab4 color hex could be obtained by blending #aaf4ff with #000069. Closest websafe color is: #6666cc.
-
- R 33
- G 48
- B 71
-
- C 53
- M 32
- Y 0
- K 29
● #557ab4 color description : Moderate blue.
#557ab4 Color Conversion
The hexadecimal color #557ab4 has RGB values of R:85, G:122, B:180 and CMYK values of C:0.53, M:0.32, Y:0, K:0.29. Its decimal value is 5601972.
Hex triplet | 557ab4 | #557ab4 |
---|---|---|
RGB Decimal | 85, 122, 180 | rgb(85,122,180) |
RGB Percent | 33.3, 47.8, 70.6 | rgb(33.3%,47.8%,70.6%) |
CMYK | 53, 32, 0, 29 | |
HSL | 216.6°, 38.8, 52 | hsl(216.6,38.8%,52%) |
HSV (or HSB) | 216.6°, 52.8, 70.6 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.856, 3.884, -34.665 |
---|---|
XYZ | 18.942, 19.145, 45.875 |
xyY | 0.226, 0.228, 19.145 |
CIE-LCH | 50.856, 34.882, 276.393 |
CIE-LUV | 50.856, -17.908, -52.915 |
Hunter-Lab | 43.755, 0.705, -31.534 |
Binary | 01010101, 01111010, 10110100 |
Color Schemes with #557ab4
Alternatives to #557ab4
Below, you can see some colors close to #557ab4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557ab4 Preview
This text has a font color of #557ab4.
<span style="color:#557ab4;">Text here</span>
This paragraph has a background color of #557ab4.
<p style="background-color:#557ab4;">Content here</p>
This element has a border color of #557ab4.
<div style="border:1px solid #557ab4;">Content here</div>
.text {color:#557ab4;}
.background {background-color:#557ab4;}
.border {border:1px solid #557ab4;}
Shades and Tints of #557ab4
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, #030507 is the darkest color, while #f8fafc is the lightest one.
-
#030507
#030507
rgb(3,5,7)
-
#090e15
#090e15
rgb(9,14,21)
-
#0f1722
#0f1722
rgb(15,23,34)
-
#151f30
#151f30
rgb(21,31,48)
-
#1b283d
#1b283d
rgb(27,40,61)
-
#21314b
#21314b
rgb(33,49,75)
-
#273a59
#273a59
rgb(39,58,89)
-
#2d4366
#2d4366
rgb(45,67,102)
-
#334c74
#334c74
rgb(51,76,116)
-
#395581
#395581
rgb(57,85,129)
-
#3f5e8f
#3f5e8f
rgb(63,94,143)
-
#45679d
#45679d
rgb(69,103,157)
-
#4b70aa
#4b70aa
rgb(75,112,170)
-
#557ab4
#557ab4
rgb(85,122,180)
-
#6385ba
#6385ba
rgb(99,133,186)
-
#708fc0
#708fc0
rgb(112,143,192)
-
#7e9ac6
#7e9ac6
rgb(126,154,198)
-
#8ba5cc
#8ba5cc
rgb(139,165,204)
-
#99afd2
#99afd2
rgb(153,175,210)
-
#a7bad8
#a7bad8
rgb(167,186,216)
-
#b4c5de
#b4c5de
rgb(180,197,222)
-
#c2cfe4
#c2cfe4
rgb(194,207,228)
-
#cfdaea
#cfdaea
rgb(207,218,234)
-
#dde4f0
#dde4f0
rgb(221,228,240)
-
#ebeff6
#ebeff6
rgb(235,239,246)
-
#f8fafc
#f8fafc
rgb(248,250,252)
Tones of #557ab4
A tone is produced by adding gray to any pure hue. In this case, #848485 is the less saturated color, while #136bf6 is the most saturated one.
-
#848485
#848485
rgb(132,132,133)
-
#7b828e
#7b828e
rgb(123,130,142)
-
#718098
#718098
rgb(113,128,152)
-
#687ea1
#687ea1
rgb(104,126,161)
-
#5e7cab
#5e7cab
rgb(94,124,171)
-
#557ab4
#557ab4
rgb(85,122,180)
-
#4c78bd
#4c78bd
rgb(76,120,189)
-
#4276c7
#4276c7
rgb(66,118,199)
-
#3974d0
#3974d0
rgb(57,116,208)
-
#2f72da
#2f72da
rgb(47,114,218)
-
#2670e3
#2670e3
rgb(38,112,227)
-
#1c6eed
#1c6eed
rgb(28,110,237)
-
#136bf6
#136bf6
rgb(19,107,246)
Color Blindness Simulator
Below, you can see how #557ab4 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.