#556eb2 Color Information
In a RGB color space, hex #556eb2 is composed of 33.3% red, 43.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 38.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 223.9 degrees, a saturation of 37.7% and a lightness of 51.6%. #556eb2 color hex could be obtained by blending #aadcff with #000065. Closest websafe color is: #666699.
-
- R 33
- G 43
- B 70
-
- C 52
- M 38
- Y 0
- K 30
● #556eb2 color description : Dark moderate blue.
#556eb2 Color Conversion
The hexadecimal color #556eb2 has RGB values of R:85, G:110, B:178 and CMYK values of C:0.52, M:0.38, Y:0, K:0.3. Its decimal value is 5598898.
Hex triplet | 556eb2 | #556eb2 |
---|---|---|
RGB Decimal | 85, 110, 178 | rgb(85,110,178) |
RGB Percent | 33.3, 43.1, 69.8 | rgb(33.3%,43.1%,69.8%) |
CMYK | 52, 38, 0, 30 | |
HSL | 223.9°, 37.7, 51.6 | hsl(223.9,37.7%,51.6%) |
HSV (or HSB) | 223.9°, 52.2, 69.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 47.361, 10.559, -39.009 |
---|---|
XYZ | 17.356, 16.297, 44.348 |
xyY | 0.223, 0.209, 16.297 |
CIE-LCH | 47.361, 40.412, 285.146 |
CIE-LUV | 47.361, -13.553, -59.648 |
Hunter-Lab | 40.369, 6.099, -36.875 |
Binary | 01010101, 01101110, 10110010 |
Color Schemes with #556eb2
Alternatives to #556eb2
Below, you can see some colors close to #556eb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556eb2 Preview
This text has a font color of #556eb2.
<span style="color:#556eb2;">Text here</span>
This paragraph has a background color of #556eb2.
<p style="background-color:#556eb2;">Content here</p>
This element has a border color of #556eb2.
<div style="border:1px solid #556eb2;">Content here</div>
.text {color:#556eb2;}
.background {background-color:#556eb2;}
.border {border:1px solid #556eb2;}
Shades and Tints of #556eb2
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)
-
#0f1421
#0f1421
rgb(15,20,33)
-
#151c2e
#151c2e
rgb(21,28,46)
-
#1b243c
#1b243c
rgb(27,36,60)
-
#212c49
#212c49
rgb(33,44,73)
-
#273457
#273457
rgb(39,52,87)
-
#2d3c64
#2d3c64
rgb(45,60,100)
-
#334472
#334472
rgb(51,68,114)
-
#3a4c7f
#3a4c7f
rgb(58,76,127)
-
#40548d
#40548d
rgb(64,84,141)
-
#465c9a
#465c9a
rgb(70,92,154)
-
#4c65a8
#4c65a8
rgb(76,101,168)
-
#556eb2
#556eb2
rgb(85,110,178)
-
#637ab8
#637ab8
rgb(99,122,184)
-
#7085be
#7085be
rgb(112,133,190)
-
#7e91c4
#7e91c4
rgb(126,145,196)
-
#8b9cca
#8b9cca
rgb(139,156,202)
-
#99a8d1
#99a8d1
rgb(153,168,209)
-
#a6b3d7
#a6b3d7
rgb(166,179,215)
-
#b4bfdd
#b4bfdd
rgb(180,191,221)
-
#c1cae3
#c1cae3
rgb(193,202,227)
-
#cfd6e9
#cfd6e9
rgb(207,214,233)
-
#dce1ef
#dce1ef
rgb(220,225,239)
-
#eaedf5
#eaedf5
rgb(234,237,245)
-
#f7f8fb
#f7f8fb
rgb(247,248,251)
Tones of #556eb2
A tone is produced by adding gray to any pure hue. In this case, #7b808c is the less saturated color, while #094bfe is the most saturated one.
-
#7b808c
#7b808c
rgb(123,128,140)
-
#727b96
#727b96
rgb(114,123,150)
-
#68779f
#68779f
rgb(104,119,159)
-
#5f72a9
#5f72a9
rgb(95,114,169)
-
#556eb2
#556eb2
rgb(85,110,178)
-
#4c6abc
#4c6abc
rgb(76,106,188)
-
#4265c5
#4265c5
rgb(66,101,197)
-
#3961cf
#3961cf
rgb(57,97,207)
-
#2f5cd8
#2f5cd8
rgb(47,92,216)
-
#2658e2
#2658e2
rgb(38,88,226)
-
#1c54eb
#1c54eb
rgb(28,84,235)
-
#134ff5
#134ff5
rgb(19,79,245)
-
#094bfe
#094bfe
rgb(9,75,254)
Color Blindness Simulator
Below, you can see how #556eb2 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.