#556c7e Color Information
In a RGB color space, hex #556c7e is composed of 33.3% red, 42.4% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 32.5% cyan, 14.3% magenta, 0% yellow and 50.6% black. It has a hue angle of 206.3 degrees, a saturation of 19.4% and a lightness of 41.4%. #556c7e color hex could be obtained by blending #aad8fc with #000000. Closest websafe color is: #666666.
-
- R 33
- G 42
- B 49
-
- C 33
- M 14
- Y 0
- K 51
● #556c7e color description : Mostly desaturated dark blue.
#556c7e Color Conversion
The hexadecimal color #556c7e has RGB values of R:85, G:108, B:126 and CMYK values of C:0.33, M:0.14, Y:0, K:0.51. Its decimal value is 5598334.
Hex triplet | 556c7e | #556c7e |
---|---|---|
RGB Decimal | 85, 108, 126 | rgb(85,108,126) |
RGB Percent | 33.3, 42.4, 49.4 | rgb(33.3%,42.4%,49.4%) |
CMYK | 33, 14, 0, 51 | |
HSL | 206.3°, 19.4, 41.4 | hsl(206.3,19.4%,41.4%) |
HSV (or HSB) | 206.3°, 32.5, 49.4 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 44.465, -3.845, -12.74 |
---|---|
XYZ | 12.874, 14.162, 21.793 |
xyY | 0.264, 0.29, 14.162 |
CIE-LCH | 44.465, 13.307, 253.207 |
CIE-LUV | 44.465, -11.959, -17.257 |
Hunter-Lab | 37.633, -4.794, -7.991 |
Binary | 01010101, 01101100, 01111110 |
Color Schemes with #556c7e
Alternatives to #556c7e
Below, you can see some colors close to #556c7e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556c7e Preview
This text has a font color of #556c7e.
<span style="color:#556c7e;">Text here</span>
This paragraph has a background color of #556c7e.
<p style="background-color:#556c7e;">Content here</p>
This element has a border color of #556c7e.
<div style="border:1px solid #556c7e;">Content here</div>
.text {color:#556c7e;}
.background {background-color:#556c7e;}
.border {border:1px solid #556c7e;}
Shades and Tints of #556c7e
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, #060809 is the darkest color, while #fcfdfd is the lightest one.
-
#060809
#060809
rgb(6,8,9)
-
#0e1215
#0e1215
rgb(14,18,21)
-
#161c20
#161c20
rgb(22,28,32)
-
#1e262c
#1e262c
rgb(30,38,44)
-
#263038
#263038
rgb(38,48,56)
-
#2d3a43
#2d3a43
rgb(45,58,67)
-
#35444f
#35444f
rgb(53,68,79)
-
#3d4e5b
#3d4e5b
rgb(61,78,91)
-
#455867
#455867
rgb(69,88,103)
-
#4d6272
#4d6272
rgb(77,98,114)
-
#556c7e
#556c7e
rgb(85,108,126)
-
#5d768a
#5d768a
rgb(93,118,138)
-
#658095
#658095
rgb(101,128,149)
-
#708a9e
#708a9e
rgb(112,138,158)
-
#7b93a6
#7b93a6
rgb(123,147,166)
-
#879dae
#879dae
rgb(135,157,174)
-
#93a6b6
#93a6b6
rgb(147,166,182)
-
#9eb0be
#9eb0be
rgb(158,176,190)
-
#aabac6
#aabac6
rgb(170,186,198)
-
#b6c3ce
#b6c3ce
rgb(182,195,206)
-
#c2cdd6
#c2cdd6
rgb(194,205,214)
-
#cdd6dd
#cdd6dd
rgb(205,214,221)
-
#d9e0e5
#d9e0e5
rgb(217,224,229)
-
#e5eaed
#e5eaed
rgb(229,234,237)
-
#f0f3f5
#f0f3f5
rgb(240,243,245)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #556c7e
A tone is produced by adding gray to any pure hue. In this case, #656a6e is the less saturated color, while #0476cf is the most saturated one.
-
#656a6e
#656a6e
rgb(101,106,110)
-
#5d6b76
#5d6b76
rgb(93,107,118)
-
#556c7e
#556c7e
rgb(85,108,126)
-
#4d6d86
#4d6d86
rgb(77,109,134)
-
#456e8e
#456e8e
rgb(69,110,142)
-
#3d6f96
#3d6f96
rgb(61,111,150)
-
#35709e
#35709e
rgb(53,112,158)
-
#2c71a7
#2c71a7
rgb(44,113,167)
-
#2472af
#2472af
rgb(36,114,175)
-
#1c73b7
#1c73b7
rgb(28,115,183)
-
#1474bf
#1474bf
rgb(20,116,191)
-
#0c75c7
#0c75c7
rgb(12,117,199)
-
#0476cf
#0476cf
rgb(4,118,207)
Color Blindness Simulator
Below, you can see how #556c7e 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.