#556e7d Color Information
In a RGB color space, hex #556e7d is composed of 33.3% red, 43.1% green and 49% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 12% magenta, 0% yellow and 51% black. It has a hue angle of 202.5 degrees, a saturation of 19% and a lightness of 41.2%. #556e7d color hex could be obtained by blending #aadcfa with #000000. Closest websafe color is: #666666.
-
- R 33
- G 43
- B 49
-
- C 32
- M 12
- Y 0
- K 51
● #556e7d color description : Mostly desaturated dark blue.
#556e7d Color Conversion
The hexadecimal color #556e7d has RGB values of R:85, G:110, B:125 and CMYK values of C:0.32, M:0.12, Y:0, K:0.51. Its decimal value is 5598845.
Hex triplet | 556e7d | #556e7d |
---|---|---|
RGB Decimal | 85, 110, 125 | rgb(85,110,125) |
RGB Percent | 33.3, 43.1, 49 | rgb(33.3%,43.1%,49%) |
CMYK | 32, 12, 0, 51 | |
HSL | 202.5°, 19, 41.2 | hsl(202.5,19%,41.2%) |
HSV (or HSB) | 202.5°, 32, 49 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 45.03, -5.294, -11.285 |
---|---|
XYZ | 13.023, 14.563, 21.526 |
xyY | 0.265, 0.297, 14.563 |
CIE-LCH | 45.03, 12.465, 244.868 |
CIE-LUV | 45.03, -12.81, -14.99 |
Hunter-Lab | 38.162, -5.869, -6.73 |
Binary | 01010101, 01101110, 01111101 |
Color Schemes with #556e7d
Alternatives to #556e7d
Below, you can see some colors close to #556e7d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556e7d Preview
This text has a font color of #556e7d.
<span style="color:#556e7d;">Text here</span>
This paragraph has a background color of #556e7d.
<p style="background-color:#556e7d;">Content here</p>
This element has a border color of #556e7d.
<div style="border:1px solid #556e7d;">Content here</div>
.text {color:#556e7d;}
.background {background-color:#556e7d;}
.border {border:1px solid #556e7d;}
Shades and Tints of #556e7d
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, #060708 is the darkest color, while #fcfcfd is the lightest one.
-
#060708
#060708
rgb(6,7,8)
-
#0e1214
#0e1214
rgb(14,18,20)
-
#151c20
#151c20
rgb(21,28,32)
-
#1d262b
#1d262b
rgb(29,38,43)
-
#253037
#253037
rgb(37,48,55)
-
#2d3b43
#2d3b43
rgb(45,59,67)
-
#35454e
#35454e
rgb(53,69,78)
-
#3d4f5a
#3d4f5a
rgb(61,79,90)
-
#455966
#455966
rgb(69,89,102)
-
#4d6471
#4d6471
rgb(77,100,113)
-
#556e7d
#556e7d
rgb(85,110,125)
-
#5d7889
#5d7889
rgb(93,120,137)
-
#658394
#658394
rgb(101,131,148)
-
#6f8c9d
#6f8c9d
rgb(111,140,157)
-
#7b96a5
#7b96a5
rgb(123,150,165)
-
#879fad
#879fad
rgb(135,159,173)
-
#92a8b5
#92a8b5
rgb(146,168,181)
-
#9eb2bd
#9eb2bd
rgb(158,178,189)
-
#aabbc5
#aabbc5
rgb(170,187,197)
-
#b6c4cd
#b6c4cd
rgb(182,196,205)
-
#c1ced5
#c1ced5
rgb(193,206,213)
-
#cdd7dd
#cdd7dd
rgb(205,215,221)
-
#d9e0e5
#d9e0e5
rgb(217,224,229)
-
#e4eaed
#e4eaed
rgb(228,234,237)
-
#f0f3f5
#f0f3f5
rgb(240,243,245)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #556e7d
A tone is produced by adding gray to any pure hue. In this case, #656a6d is the less saturated color, while #0482ce is the most saturated one.
-
#656a6d
#656a6d
rgb(101,106,109)
-
#5d6c75
#5d6c75
rgb(93,108,117)
-
#556e7d
#556e7d
rgb(85,110,125)
-
#4d7085
#4d7085
rgb(77,112,133)
-
#45728d
#45728d
rgb(69,114,141)
-
#3d7495
#3d7495
rgb(61,116,149)
-
#35769d
#35769d
rgb(53,118,157)
-
#2d78a5
#2d78a5
rgb(45,120,165)
-
#257aad
#257aad
rgb(37,122,173)
-
#1c7cb6
#1c7cb6
rgb(28,124,182)
-
#147ebe
#147ebe
rgb(20,126,190)
-
#0c80c6
#0c80c6
rgb(12,128,198)
-
#0482ce
#0482ce
rgb(4,130,206)
Color Blindness Simulator
Below, you can see how #556e7d 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.