#556cd6 Color Information
In a RGB color space, hex #556cd6 is composed of 33.3% red, 42.4% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 49.5% magenta, 0% yellow and 16.1% black. It has a hue angle of 229.3 degrees, a saturation of 61.1% and a lightness of 58.6%. #556cd6 color hex could be obtained by blending #aad8ff with #0000ad. Closest websafe color is: #6666cc.
-
- R 33
- G 42
- B 84
-
- C 60
- M 50
- Y 0
- K 16
● #556cd6 color description : Moderate blue.
#556cd6 Color Conversion
The hexadecimal color #556cd6 has RGB values of R:85, G:108, B:214 and CMYK values of C:0.6, M:0.5, Y:0, K:0.16. Its decimal value is 5598422.
Hex triplet | 556cd6 | #556cd6 |
---|---|---|
RGB Decimal | 85, 108, 214 | rgb(85,108,214) |
RGB Percent | 33.3, 42.4, 83.9 | rgb(33.3%,42.4%,83.9%) |
CMYK | 60, 50, 0, 16 | |
HSL | 229.3°, 61.1, 58.6 | hsl(229.3,61.1%,58.6%) |
HSV (or HSB) | 229.3°, 60.3, 83.9 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 48.897, 23.71, -57.263 |
---|---|
XYZ | 21.244, 17.51, 65.875 |
xyY | 0.203, 0.167, 17.51 |
CIE-LCH | 48.897, 61.978, 292.492 |
CIE-LUV | 48.897, -13.582, -89.664 |
Hunter-Lab | 41.845, 17.391, -64.045 |
Binary | 01010101, 01101100, 11010110 |
Color Schemes with #556cd6
Alternatives to #556cd6
Below, you can see some colors close to #556cd6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556cd6 Preview
This text has a font color of #556cd6.
<span style="color:#556cd6;">Text here</span>
This paragraph has a background color of #556cd6.
<p style="background-color:#556cd6;">Content here</p>
This element has a border color of #556cd6.
<div style="border:1px solid #556cd6;">Content here</div>
.text {color:#556cd6;}
.background {background-color:#556cd6;}
.border {border:1px solid #556cd6;}
Shades and Tints of #556cd6
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, #010104 is the darkest color, while #f3f5fc is the lightest one.
-
#010104
#010104
rgb(1,1,4)
-
#050714
#050714
rgb(5,7,20)
-
#090d23
#090d23
rgb(9,13,35)
-
#0c1333
#0c1333
rgb(12,19,51)
-
#101943
#101943
rgb(16,25,67)
-
#141f53
#141f53
rgb(20,31,83)
-
#182563
#182563
rgb(24,37,99)
-
#1c2b72
#1c2b72
rgb(28,43,114)
-
#1f3182
#1f3182
rgb(31,49,130)
-
#233792
#233792
rgb(35,55,146)
-
#273da2
#273da2
rgb(39,61,162)
-
#2b43b2
#2b43b2
rgb(43,67,178)
-
#2f49c1
#2f49c1
rgb(47,73,193)
-
#3551ce
#3551ce
rgb(53,81,206)
-
#455ed2
#455ed2
rgb(69,94,210)
-
#556cd6
#556cd6
rgb(85,108,214)
-
#657ada
#657ada
rgb(101,122,218)
-
#7587de
#7587de
rgb(117,135,222)
-
#8495e1
#8495e1
rgb(132,149,225)
-
#94a3e5
#94a3e5
rgb(148,163,229)
-
#a4b0e9
#a4b0e9
rgb(164,176,233)
-
#b4beed
#b4beed
rgb(180,190,237)
-
#c4ccf1
#c4ccf1
rgb(196,204,241)
-
#d3d9f4
#d3d9f4
rgb(211,217,244)
-
#e3e7f8
#e3e7f8
rgb(227,231,248)
-
#f3f5fc
#f3f5fc
rgb(243,245,252)
Tones of #556cd6
A tone is produced by adding gray to any pure hue. In this case, #8e919d is the less saturated color, while #2c52ff is the most saturated one.
-
#8e919d
#8e919d
rgb(142,145,157)
-
#868ba5
#868ba5
rgb(134,139,165)
-
#7e86ad
#7e86ad
rgb(126,134,173)
-
#7581b6
#7581b6
rgb(117,129,182)
-
#6d7cbe
#6d7cbe
rgb(109,124,190)
-
#6576c6
#6576c6
rgb(101,118,198)
-
#5d71ce
#5d71ce
rgb(93,113,206)
-
#556cd6
#556cd6
rgb(85,108,214)
-
#4d67de
#4d67de
rgb(77,103,222)
-
#4562e6
#4562e6
rgb(69,98,230)
-
#3d5cee
#3d5cee
rgb(61,92,238)
-
#3557f6
#3557f6
rgb(53,87,246)
-
#2c52ff
#2c52ff
rgb(44,82,255)
Color Blindness Simulator
Below, you can see how #556cd6 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.