#557bb2 Color Information
In a RGB color space, hex #557bb2 is composed of 33.3% red, 48.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 30.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 215.5 degrees, a saturation of 37.7% and a lightness of 51.6%. #557bb2 color hex could be obtained by blending #aaf6ff with #000065. Closest websafe color is: #666699.
-
- R 33
- G 48
- B 70
-
- C 52
- M 31
- Y 0
- K 30
● #557bb2 color description : Dark moderate blue.
#557bb2 Color Conversion
The hexadecimal color #557bb2 has RGB values of R:85, G:123, B:178 and CMYK values of C:0.52, M:0.31, Y:0, K:0.3. Its decimal value is 5602226.
Hex triplet | 557bb2 | #557bb2 |
---|---|---|
RGB Decimal | 85, 123, 178 | rgb(85,123,178) |
RGB Percent | 33.3, 48.2, 69.8 | rgb(33.3%,48.2%,69.8%) |
CMYK | 52, 31, 0, 30 | |
HSL | 215.5°, 37.7, 51.6 | hsl(215.5,37.7%,51.6%) |
HSV (or HSB) | 215.5°, 52.2, 69.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.049, 2.648, -33.209 |
---|---|
XYZ | 18.863, 19.311, 44.85 |
xyY | 0.227, 0.233, 19.311 |
CIE-LCH | 51.049, 33.314, 274.559 |
CIE-LUV | 51.049, -18.279, -50.494 |
Hunter-Lab | 43.944, -0.279, -29.752 |
Binary | 01010101, 01111011, 10110010 |
Color Schemes with #557bb2
Alternatives to #557bb2
Below, you can see some colors close to #557bb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557bb2 Preview
This text has a font color of #557bb2.
<span style="color:#557bb2;">Text here</span>
This paragraph has a background color of #557bb2.
<p style="background-color:#557bb2;">Content here</p>
This element has a border color of #557bb2.
<div style="border:1px solid #557bb2;">Content here</div>
.text {color:#557bb2;}
.background {background-color:#557bb2;}
.border {border:1px solid #557bb2;}
Shades and Tints of #557bb2
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)
-
#1b283c
#1b283c
rgb(27,40,60)
-
#213149
#213149
rgb(33,49,73)
-
#273b57
#273b57
rgb(39,59,87)
-
#2d4464
#2d4464
rgb(45,68,100)
-
#334d72
#334d72
rgb(51,77,114)
-
#3a567f
#3a567f
rgb(58,86,127)
-
#405f8d
#405f8d
rgb(64,95,141)
-
#46689a
#46689a
rgb(70,104,154)
-
#4c71a8
#4c71a8
rgb(76,113,168)
-
#557bb2
#557bb2
rgb(85,123,178)
-
#6385b8
#6385b8
rgb(99,133,184)
-
#7090be
#7090be
rgb(112,144,190)
-
#7e9ac4
#7e9ac4
rgb(126,154,196)
-
#8ba5ca
#8ba5ca
rgb(139,165,202)
-
#99afd1
#99afd1
rgb(153,175,209)
-
#a6bad7
#a6bad7
rgb(166,186,215)
-
#b4c4dd
#b4c4dd
rgb(180,196,221)
-
#c1cfe3
#c1cfe3
rgb(193,207,227)
-
#cfd9e9
#cfd9e9
rgb(207,217,233)
-
#dce4ef
#dce4ef
rgb(220,228,239)
-
#eaeef5
#eaeef5
rgb(234,238,245)
-
#f7f9fb
#f7f9fb
rgb(247,249,251)
Tones of #557bb2
A tone is produced by adding gray to any pure hue. In this case, #7b828c is the less saturated color, while #096dfe is the most saturated one.
-
#7b828c
#7b828c
rgb(123,130,140)
-
#728096
#728096
rgb(114,128,150)
-
#687e9f
#687e9f
rgb(104,126,159)
-
#5f7da9
#5f7da9
rgb(95,125,169)
-
#557bb2
#557bb2
rgb(85,123,178)
-
#4c79bc
#4c79bc
rgb(76,121,188)
-
#4278c5
#4278c5
rgb(66,120,197)
-
#3976cf
#3976cf
rgb(57,118,207)
-
#2f74d8
#2f74d8
rgb(47,116,216)
-
#2672e2
#2672e2
rgb(38,114,226)
-
#1c71eb
#1c71eb
rgb(28,113,235)
-
#136ff5
#136ff5
rgb(19,111,245)
-
#096dfe
#096dfe
rgb(9,109,254)
Color Blindness Simulator
Below, you can see how #557bb2 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.