#557cb2 Color Information
In a RGB color space, hex #557cb2 is composed of 33.3% red, 48.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 30.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 214.8 degrees, a saturation of 37.7% and a lightness of 51.6%. #557cb2 color hex could be obtained by blending #aaf8ff with #000065. Closest websafe color is: #666699.
-
- R 33
- G 49
- B 70
-
- C 52
- M 30
- Y 0
- K 30
● #557cb2 color description : Dark moderate blue.
#557cb2 Color Conversion
The hexadecimal color #557cb2 has RGB values of R:85, G:124, B:178 and CMYK values of C:0.52, M:0.3, Y:0, K:0.3. Its decimal value is 5602482.
Hex triplet | 557cb2 | #557cb2 |
---|---|---|
RGB Decimal | 85, 124, 178 | rgb(85,124,178) |
RGB Percent | 33.3, 48.6, 69.8 | rgb(33.3%,48.6%,69.8%) |
CMYK | 52, 30, 0, 30 | |
HSL | 214.8°, 37.7, 51.6 | hsl(214.8,37.7%,51.6%) |
HSV (or HSB) | 214.8°, 52.2, 69.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.336, 2.051, -32.759 |
---|---|
XYZ | 18.988, 19.56, 44.892 |
xyY | 0.228, 0.234, 19.56 |
CIE-LCH | 51.336, 32.823, 273.582 |
CIE-LUV | 51.336, -18.652, -49.764 |
Hunter-Lab | 44.227, -0.76, -29.223 |
Binary | 01010101, 01111100, 10110010 |
Color Schemes with #557cb2
Alternatives to #557cb2
Below, you can see some colors close to #557cb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557cb2 Preview
This text has a font color of #557cb2.
<span style="color:#557cb2;">Text here</span>
This paragraph has a background color of #557cb2.
<p style="background-color:#557cb2;">Content here</p>
This element has a border color of #557cb2.
<div style="border:1px solid #557cb2;">Content here</div>
.text {color:#557cb2;}
.background {background-color:#557cb2;}
.border {border:1px solid #557cb2;}
Shades and Tints of #557cb2
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, #020406 is the darkest color, while #f7f9fb is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#090d13
#090d13
rgb(9,13,19)
-
#0f1621
#0f1621
rgb(15,22,33)
-
#151f2e
#151f2e
rgb(21,31,46)
-
#1b293c
#1b293c
rgb(27,41,60)
-
#213249
#213249
rgb(33,50,73)
-
#273b57
#273b57
rgb(39,59,87)
-
#2d4464
#2d4464
rgb(45,68,100)
-
#334d72
#334d72
rgb(51,77,114)
-
#3a577f
#3a577f
rgb(58,87,127)
-
#40608d
#40608d
rgb(64,96,141)
-
#46699a
#46699a
rgb(70,105,154)
-
#4c72a8
#4c72a8
rgb(76,114,168)
-
#557cb2
#557cb2
rgb(85,124,178)
-
#6386b8
#6386b8
rgb(99,134,184)
-
#7091be
#7091be
rgb(112,145,190)
-
#7e9bc4
#7e9bc4
rgb(126,155,196)
-
#8ba6ca
#8ba6ca
rgb(139,166,202)
-
#99b0d1
#99b0d1
rgb(153,176,209)
-
#a6bad7
#a6bad7
rgb(166,186,215)
-
#b4c5dd
#b4c5dd
rgb(180,197,221)
-
#c1cfe3
#c1cfe3
rgb(193,207,227)
-
#cfdae9
#cfdae9
rgb(207,218,233)
-
#dce4ef
#dce4ef
rgb(220,228,239)
-
#eaeef5
#eaeef5
rgb(234,238,245)
-
#f7f9fb
#f7f9fb
rgb(247,249,251)
Tones of #557cb2
A tone is produced by adding gray to any pure hue. In this case, #7b828c is the less saturated color, while #0970fe is the most saturated one.
-
#7b828c
#7b828c
rgb(123,130,140)
-
#728196
#728196
rgb(114,129,150)
-
#687f9f
#687f9f
rgb(104,127,159)
-
#5f7ea9
#5f7ea9
rgb(95,126,169)
-
#557cb2
#557cb2
rgb(85,124,178)
-
#4c7abc
#4c7abc
rgb(76,122,188)
-
#4279c5
#4279c5
rgb(66,121,197)
-
#3977cf
#3977cf
rgb(57,119,207)
-
#2f76d8
#2f76d8
rgb(47,118,216)
-
#2674e2
#2674e2
rgb(38,116,226)
-
#1c73eb
#1c73eb
rgb(28,115,235)
-
#1371f5
#1371f5
rgb(19,113,245)
-
#0970fe
#0970fe
rgb(9,112,254)
Color Blindness Simulator
Below, you can see how #557cb2 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.