#556b7d Color Information
In a RGB color space, hex #556b7d is composed of 33.3% red, 42% green and 49% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 14.4% magenta, 0% yellow and 51% black. It has a hue angle of 207 degrees, a saturation of 19% and a lightness of 41.2%. #556b7d color hex could be obtained by blending #aad6fa with #000000. Closest websafe color is: #666666.
-
- R 33
- G 42
- B 49
-
- C 32
- M 14
- Y 0
- K 51
● #556b7d color description : Mostly desaturated dark blue.
#556b7d Color Conversion
The hexadecimal color #556b7d has RGB values of R:85, G:107, B:125 and CMYK values of C:0.32, M:0.14, Y:0, K:0.51. Its decimal value is 5598077.
Hex triplet | 556b7d | #556b7d |
---|---|---|
RGB Decimal | 85, 107, 125 | rgb(85,107,125) |
RGB Percent | 33.3, 42, 49 | rgb(33.3%,42%,49%) |
CMYK | 32, 14, 0, 51 | |
HSL | 207°, 19, 41.2 | hsl(207,19%,41.2%) |
HSV (or HSB) | 207°, 32, 49 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 44.128, -3.522, -12.649 |
---|---|
XYZ | 12.705, 13.927, 21.42 |
xyY | 0.264, 0.29, 13.927 |
CIE-LCH | 44.128, 13.13, 254.442 |
CIE-LUV | 44.128, -11.512, -17.137 |
Hunter-Lab | 37.319, -4.539, -7.907 |
Binary | 01010101, 01101011, 01111101 |
Color Schemes with #556b7d
Alternatives to #556b7d
Below, you can see some colors close to #556b7d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556b7d Preview
This text has a font color of #556b7d.
<span style="color:#556b7d;">Text here</span>
This paragraph has a background color of #556b7d.
<p style="background-color:#556b7d;">Content here</p>
This element has a border color of #556b7d.
<div style="border:1px solid #556b7d;">Content here</div>
.text {color:#556b7d;}
.background {background-color:#556b7d;}
.border {border:1px solid #556b7d;}
Shades and Tints of #556b7d
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)
-
#0e1114
#0e1114
rgb(14,17,20)
-
#151b20
#151b20
rgb(21,27,32)
-
#1d252b
#1d252b
rgb(29,37,43)
-
#252f37
#252f37
rgb(37,47,55)
-
#2d3943
#2d3943
rgb(45,57,67)
-
#35434e
#35434e
rgb(53,67,78)
-
#3d4d5a
#3d4d5a
rgb(61,77,90)
-
#455766
#455766
rgb(69,87,102)
-
#4d6171
#4d6171
rgb(77,97,113)
-
#556b7d
#556b7d
rgb(85,107,125)
-
#5d7589
#5d7589
rgb(93,117,137)
-
#657f94
#657f94
rgb(101,127,148)
-
#6f899d
#6f899d
rgb(111,137,157)
-
#7b92a5
#7b92a5
rgb(123,146,165)
-
#879cad
#879cad
rgb(135,156,173)
-
#92a6b5
#92a6b5
rgb(146,166,181)
-
#9eafbd
#9eafbd
rgb(158,175,189)
-
#aab9c5
#aab9c5
rgb(170,185,197)
-
#b6c2cd
#b6c2cd
rgb(182,194,205)
-
#c1ccd5
#c1ccd5
rgb(193,204,213)
-
#cdd6dd
#cdd6dd
rgb(205,214,221)
-
#d9dfe5
#d9dfe5
rgb(217,223,229)
-
#e4e9ed
#e4e9ed
rgb(228,233,237)
-
#f0f3f5
#f0f3f5
rgb(240,243,245)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #556b7d
A tone is produced by adding gray to any pure hue. In this case, #65696d is the less saturated color, while #0473ce is the most saturated one.
-
#65696d
#65696d
rgb(101,105,109)
-
#5d6a75
#5d6a75
rgb(93,106,117)
-
#556b7d
#556b7d
rgb(85,107,125)
-
#4d6c85
#4d6c85
rgb(77,108,133)
-
#456d8d
#456d8d
rgb(69,109,141)
-
#3d6d95
#3d6d95
rgb(61,109,149)
-
#356e9d
#356e9d
rgb(53,110,157)
-
#2d6fa5
#2d6fa5
rgb(45,111,165)
-
#2570ad
#2570ad
rgb(37,112,173)
-
#1c71b6
#1c71b6
rgb(28,113,182)
-
#1471be
#1471be
rgb(20,113,190)
-
#0c72c6
#0c72c6
rgb(12,114,198)
-
#0473ce
#0473ce
rgb(4,115,206)
Color Blindness Simulator
Below, you can see how #556b7d 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.