#556cb2 Color Information
In a RGB color space, hex #556cb2 is composed of 33.3% red, 42.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 39.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 225.2 degrees, a saturation of 37.7% and a lightness of 51.6%. #556cb2 color hex could be obtained by blending #aad8ff with #000065. Closest websafe color is: #666699.
-
- R 33
- G 42
- B 70
-
- C 52
- M 39
- Y 0
- K 30
● #556cb2 color description : Dark moderate blue.
#556cb2 Color Conversion
The hexadecimal color #556cb2 has RGB values of R:85, G:108, B:178 and CMYK values of C:0.52, M:0.39, Y:0, K:0.3. Its decimal value is 5598386.
Hex triplet | 556cb2 | #556cb2 |
---|---|---|
RGB Decimal | 85, 108, 178 | rgb(85,108,178) |
RGB Percent | 33.3, 42.4, 69.8 | rgb(33.3%,42.4%,69.8%) |
CMYK | 52, 39, 0, 30 | |
HSL | 225.2°, 37.7, 51.6 | hsl(225.2,37.7%,51.6%) |
HSV (or HSB) | 225.2°, 52.2, 69.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 46.803, 11.796, -39.891 |
---|---|
XYZ | 17.143, 15.87, 44.277 |
xyY | 0.222, 0.205, 15.87 |
CIE-LCH | 46.803, 41.599, 286.474 |
CIE-LUV | 46.803, -12.849, -60.991 |
Hunter-Lab | 39.837, 7.098, -38.012 |
Binary | 01010101, 01101100, 10110010 |
Color Schemes with #556cb2
Alternatives to #556cb2
Below, you can see some colors close to #556cb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556cb2 Preview
This text has a font color of #556cb2.
<span style="color:#556cb2;">Text here</span>
This paragraph has a background color of #556cb2.
<p style="background-color:#556cb2;">Content here</p>
This element has a border color of #556cb2.
<div style="border:1px solid #556cb2;">Content here</div>
.text {color:#556cb2;}
.background {background-color:#556cb2;}
.border {border:1px solid #556cb2;}
Shades and Tints of #556cb2
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)
-
#273357
#273357
rgb(39,51,87)
-
#2d3b64
#2d3b64
rgb(45,59,100)
-
#334372
#334372
rgb(51,67,114)
-
#3a4b7f
#3a4b7f
rgb(58,75,127)
-
#40538d
#40538d
rgb(64,83,141)
-
#465b9a
#465b9a
rgb(70,91,154)
-
#4c63a8
#4c63a8
rgb(76,99,168)
-
#556cb2
#556cb2
rgb(85,108,178)
-
#6378b8
#6378b8
rgb(99,120,184)
-
#7083be
#7083be
rgb(112,131,190)
-
#7e8fc4
#7e8fc4
rgb(126,143,196)
-
#8b9bca
#8b9bca
rgb(139,155,202)
-
#99a6d1
#99a6d1
rgb(153,166,209)
-
#a6b2d7
#a6b2d7
rgb(166,178,215)
-
#b4bedd
#b4bedd
rgb(180,190,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 #556cb2
A tone is produced by adding gray to any pure hue. In this case, #7b7f8c is the less saturated color, while #0946fe is the most saturated one.
-
#7b7f8c
#7b7f8c
rgb(123,127,140)
-
#727a96
#727a96
rgb(114,122,150)
-
#68769f
#68769f
rgb(104,118,159)
-
#5f71a9
#5f71a9
rgb(95,113,169)
-
#556cb2
#556cb2
rgb(85,108,178)
-
#4c67bc
#4c67bc
rgb(76,103,188)
-
#4262c5
#4262c5
rgb(66,98,197)
-
#395ecf
#395ecf
rgb(57,94,207)
-
#2f59d8
#2f59d8
rgb(47,89,216)
-
#2654e2
#2654e2
rgb(38,84,226)
-
#1c4feb
#1c4feb
rgb(28,79,235)
-
#134af5
#134af5
rgb(19,74,245)
-
#0946fe
#0946fe
rgb(9,70,254)
Color Blindness Simulator
Below, you can see how #556cb2 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.