#556bb2 Color Information
In a RGB color space, hex #556bb2 is composed of 33.3% red, 42% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 39.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 225.8 degrees, a saturation of 37.7% and a lightness of 51.6%. #556bb2 color hex could be obtained by blending #aad6ff with #000065. Closest websafe color is: #666699.
-
- R 33
- G 42
- B 70
-
- C 52
- M 40
- Y 0
- K 30
● #556bb2 color description : Dark moderate blue.
#556bb2 Color Conversion
The hexadecimal color #556bb2 has RGB values of R:85, G:107, B:178 and CMYK values of C:0.52, M:0.4, Y:0, K:0.3. Its decimal value is 5598130.
Hex triplet | 556bb2 | #556bb2 |
---|---|---|
RGB Decimal | 85, 107, 178 | rgb(85,107,178) |
RGB Percent | 33.3, 42, 69.8 | rgb(33.3%,42%,69.8%) |
CMYK | 52, 40, 0, 30 | |
HSL | 225.8°, 37.7, 51.6 | hsl(225.8,37.7%,51.6%) |
HSV (or HSB) | 225.8°, 52.2, 69.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 46.526, 12.417, -40.331 |
---|---|
XYZ | 17.038, 15.66, 44.242 |
xyY | 0.221, 0.204, 15.66 |
CIE-LCH | 46.526, 42.199, 287.112 |
CIE-LUV | 46.526, -12.5, -61.654 |
Hunter-Lab | 39.573, 7.6, -38.584 |
Binary | 01010101, 01101011, 10110010 |
Color Schemes with #556bb2
Alternatives to #556bb2
Below, you can see some colors close to #556bb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556bb2 Preview
This text has a font color of #556bb2.
<span style="color:#556bb2;">Text here</span>
This paragraph has a background color of #556bb2.
<p style="background-color:#556bb2;">Content here</p>
This element has a border color of #556bb2.
<div style="border:1px solid #556bb2;">Content here</div>
.text {color:#556bb2;}
.background {background-color:#556bb2;}
.border {border:1px solid #556bb2;}
Shades and Tints of #556bb2
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 #f7f8fb is the lightest one.
-
#020306
#020306
rgb(2,3,6)
-
#090b13
#090b13
rgb(9,11,19)
-
#0f1321
#0f1321
rgb(15,19,33)
-
#151b2e
#151b2e
rgb(21,27,46)
-
#1b233c
#1b233c
rgb(27,35,60)
-
#212b49
#212b49
rgb(33,43,73)
-
#273257
#273257
rgb(39,50,87)
-
#2d3a64
#2d3a64
rgb(45,58,100)
-
#334272
#334272
rgb(51,66,114)
-
#3a4a7f
#3a4a7f
rgb(58,74,127)
-
#40528d
#40528d
rgb(64,82,141)
-
#465a9a
#465a9a
rgb(70,90,154)
-
#4c62a8
#4c62a8
rgb(76,98,168)
-
#556bb2
#556bb2
rgb(85,107,178)
-
#6377b8
#6377b8
rgb(99,119,184)
-
#7083be
#7083be
rgb(112,131,190)
-
#7e8ec4
#7e8ec4
rgb(126,142,196)
-
#8b9aca
#8b9aca
rgb(139,154,202)
-
#99a6d1
#99a6d1
rgb(153,166,209)
-
#a6b2d7
#a6b2d7
rgb(166,178,215)
-
#b4bddd
#b4bddd
rgb(180,189,221)
-
#c1c9e3
#c1c9e3
rgb(193,201,227)
-
#cfd5e9
#cfd5e9
rgb(207,213,233)
-
#dce1ef
#dce1ef
rgb(220,225,239)
-
#eaecf5
#eaecf5
rgb(234,236,245)
-
#f7f8fb
#f7f8fb
rgb(247,248,251)
Tones of #556bb2
A tone is produced by adding gray to any pure hue. In this case, #7b7f8c is the less saturated color, while #0943fe is the most saturated one.
-
#7b7f8c
#7b7f8c
rgb(123,127,140)
-
#727a96
#727a96
rgb(114,122,150)
-
#68759f
#68759f
rgb(104,117,159)
-
#5f70a9
#5f70a9
rgb(95,112,169)
-
#556bb2
#556bb2
rgb(85,107,178)
-
#4c66bc
#4c66bc
rgb(76,102,188)
-
#4261c5
#4261c5
rgb(66,97,197)
-
#395ccf
#395ccf
rgb(57,92,207)
-
#2f57d8
#2f57d8
rgb(47,87,216)
-
#2652e2
#2652e2
rgb(38,82,226)
-
#1c4deb
#1c4deb
rgb(28,77,235)
-
#1348f5
#1348f5
rgb(19,72,245)
-
#0943fe
#0943fe
rgb(9,67,254)
Color Blindness Simulator
Below, you can see how #556bb2 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.