#556eb1 Color Information
In a RGB color space, hex #556eb1 is composed of 33.3% red, 43.1% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 37.9% magenta, 0% yellow and 30.6% black. It has a hue angle of 223.7 degrees, a saturation of 37.1% and a lightness of 51.4%. #556eb1 color hex could be obtained by blending #aadcff with #000063. Closest websafe color is: #666699.
-
- R 33
- G 43
- B 69
-
- C 52
- M 38
- Y 0
- K 31
● #556eb1 color description : Dark moderate blue.
#556eb1 Color Conversion
The hexadecimal color #556eb1 has RGB values of R:85, G:110, B:177 and CMYK values of C:0.52, M:0.38, Y:0, K:0.31. Its decimal value is 5598897.
Hex triplet | 556eb1 | #556eb1 |
---|---|---|
RGB Decimal | 85, 110, 177 | rgb(85,110,177) |
RGB Percent | 33.3, 43.1, 69.4 | rgb(33.3%,43.1%,69.4%) |
CMYK | 52, 38, 0, 31 | |
HSL | 223.7°, 37.1, 51.4 | hsl(223.7,37.1%,51.4%) |
HSV (or HSB) | 223.7°, 52, 69.4 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 47.309, 10.236, -38.509 |
---|---|
XYZ | 17.256, 16.257, 43.821 |
xyY | 0.223, 0.21, 16.257 |
CIE-LCH | 47.309, 39.846, 284.886 |
CIE-LUV | 47.309, -13.537, -58.82 |
Hunter-Lab | 40.32, 5.837, -36.215 |
Binary | 01010101, 01101110, 10110001 |
Color Schemes with #556eb1
Alternatives to #556eb1
Below, you can see some colors close to #556eb1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556eb1 Preview
This text has a font color of #556eb1.
<span style="color:#556eb1;">Text here</span>
This paragraph has a background color of #556eb1.
<p style="background-color:#556eb1;">Content here</p>
This element has a border color of #556eb1.
<div style="border:1px solid #556eb1;">Content here</div>
.text {color:#556eb1;}
.background {background-color:#556eb1;}
.border {border:1px solid #556eb1;}
Shades and Tints of #556eb1
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, #020305 is the darkest color, while #f6f8fb is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#080b12
#080b12
rgb(8,11,18)
-
#0f1320
#0f1320
rgb(15,19,32)
-
#151b2d
#151b2d
rgb(21,27,45)
-
#1b233b
#1b233b
rgb(27,35,59)
-
#212c48
#212c48
rgb(33,44,72)
-
#273455
#273455
rgb(39,52,85)
-
#2d3c63
#2d3c63
rgb(45,60,99)
-
#344470
#344470
rgb(52,68,112)
-
#3a4c7e
#3a4c7e
rgb(58,76,126)
-
#40548b
#40548b
rgb(64,84,139)
-
#465d99
#465d99
rgb(70,93,153)
-
#4c65a6
#4c65a6
rgb(76,101,166)
-
#556eb1
#556eb1
rgb(85,110,177)
-
#6279b7
#6279b7
rgb(98,121,183)
-
#7085bd
#7085bd
rgb(112,133,189)
-
#7d90c4
#7d90c4
rgb(125,144,196)
-
#8b9cca
#8b9cca
rgb(139,156,202)
-
#98a7d0
#98a7d0
rgb(152,167,208)
-
#a6b3d6
#a6b3d6
rgb(166,179,214)
-
#b3bedc
#b3bedc
rgb(179,190,220)
-
#c1cae2
#c1cae2
rgb(193,202,226)
-
#ced5e9
#ced5e9
rgb(206,213,233)
-
#dbe1ef
#dbe1ef
rgb(219,225,239)
-
#e9ecf5
#e9ecf5
rgb(233,236,245)
-
#f6f8fb
#f6f8fb
rgb(246,248,251)
Tones of #556eb1
A tone is produced by adding gray to any pure hue. In this case, #7b7f8b is the less saturated color, while #094bfd is the most saturated one.
-
#7b7f8b
#7b7f8b
rgb(123,127,139)
-
#727b94
#727b94
rgb(114,123,148)
-
#68779e
#68779e
rgb(104,119,158)
-
#5f72a7
#5f72a7
rgb(95,114,167)
-
#556eb1
#556eb1
rgb(85,110,177)
-
#4b6abb
#4b6abb
rgb(75,106,187)
-
#4265c4
#4265c4
rgb(66,101,196)
-
#3861ce
#3861ce
rgb(56,97,206)
-
#2f5dd7
#2f5dd7
rgb(47,93,215)
-
#2558e1
#2558e1
rgb(37,88,225)
-
#1c54ea
#1c54ea
rgb(28,84,234)
-
#1250f4
#1250f4
rgb(18,80,244)
-
#094bfd
#094bfd
rgb(9,75,253)
Color Blindness Simulator
Below, you can see how #556eb1 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.