#556a7d Color Information
In a RGB color space, hex #556a7d is composed of 33.3% red, 41.6% green and 49% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 15.2% magenta, 0% yellow and 51% black. It has a hue angle of 208.5 degrees, a saturation of 19% and a lightness of 41.2%. #556a7d color hex could be obtained by blending #aad4fa with #000000. Closest websafe color is: #666666.
-
- R 33
- G 42
- B 49
-
- C 32
- M 15
- Y 0
- K 51
● #556a7d color description : Mostly desaturated dark blue.
#556a7d Color Conversion
The hexadecimal color #556a7d has RGB values of R:85, G:106, B:125 and CMYK values of C:0.32, M:0.15, Y:0, K:0.51. Its decimal value is 5597821.
Hex triplet | 556a7d | #556a7d |
---|---|---|
RGB Decimal | 85, 106, 125 | rgb(85,106,125) |
RGB Percent | 33.3, 41.6, 49 | rgb(33.3%,41.6%,49%) |
CMYK | 32, 15, 0, 51 | |
HSL | 208.5°, 19, 41.2 | hsl(208.5,19%,41.2%) |
HSV (or HSB) | 208.5°, 32, 49 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 43.828, -2.926, -13.104 |
---|---|
XYZ | 12.601, 13.72, 21.385 |
xyY | 0.264, 0.288, 13.72 |
CIE-LCH | 43.828, 13.426, 257.411 |
CIE-LUV | 43.828, -11.081, -17.851 |
Hunter-Lab | 37.04, -4.094, -8.303 |
Binary | 01010101, 01101010, 01111101 |
Color Schemes with #556a7d
Alternatives to #556a7d
Below, you can see some colors close to #556a7d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556a7d Preview
This text has a font color of #556a7d.
<span style="color:#556a7d;">Text here</span>
This paragraph has a background color of #556a7d.
<p style="background-color:#556a7d;">Content here</p>
This element has a border color of #556a7d.
<div style="border:1px solid #556a7d;">Content here</div>
.text {color:#556a7d;}
.background {background-color:#556a7d;}
.border {border:1px solid #556a7d;}
Shades and Tints of #556a7d
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)
-
#2d3843
#2d3843
rgb(45,56,67)
-
#35424e
#35424e
rgb(53,66,78)
-
#3d4c5a
#3d4c5a
rgb(61,76,90)
-
#455666
#455666
rgb(69,86,102)
-
#4d6071
#4d6071
rgb(77,96,113)
-
#556a7d
#556a7d
rgb(85,106,125)
-
#5d7489
#5d7489
rgb(93,116,137)
-
#657e94
#657e94
rgb(101,126,148)
-
#6f889d
#6f889d
rgb(111,136,157)
-
#7b91a5
#7b91a5
rgb(123,145,165)
-
#879bad
#879bad
rgb(135,155,173)
-
#92a5b5
#92a5b5
rgb(146,165,181)
-
#9eaebd
#9eaebd
rgb(158,174,189)
-
#aab8c5
#aab8c5
rgb(170,184,197)
-
#b6c2cd
#b6c2cd
rgb(182,194,205)
-
#c1ccd5
#c1ccd5
rgb(193,204,213)
-
#cdd5dd
#cdd5dd
rgb(205,213,221)
-
#d9dfe5
#d9dfe5
rgb(217,223,229)
-
#e4e9ed
#e4e9ed
rgb(228,233,237)
-
#f0f2f5
#f0f2f5
rgb(240,242,245)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #556a7d
A tone is produced by adding gray to any pure hue. In this case, #65696d is the less saturated color, while #046ece is the most saturated one.
-
#65696d
#65696d
rgb(101,105,109)
-
#5d6a75
#5d6a75
rgb(93,106,117)
-
#556a7d
#556a7d
rgb(85,106,125)
-
#4d6a85
#4d6a85
rgb(77,106,133)
-
#456b8d
#456b8d
rgb(69,107,141)
-
#3d6b95
#3d6b95
rgb(61,107,149)
-
#356c9d
#356c9d
rgb(53,108,157)
-
#2d6ca5
#2d6ca5
rgb(45,108,165)
-
#256cad
#256cad
rgb(37,108,173)
-
#1c6db6
#1c6db6
rgb(28,109,182)
-
#146dbe
#146dbe
rgb(20,109,190)
-
#0c6ec6
#0c6ec6
rgb(12,110,198)
-
#046ece
#046ece
rgb(4,110,206)
Color Blindness Simulator
Below, you can see how #556a7d 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.