#556b7a Color Information
In a RGB color space, hex #556b7a is composed of 33.3% red, 42% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 12.3% magenta, 0% yellow and 52.2% black. It has a hue angle of 204.3 degrees, a saturation of 17.9% and a lightness of 40.6%. #556b7a color hex could be obtained by blending #aad6f4 with #000000. Closest websafe color is: #666666.
-
- R 33
- G 42
- B 48
-
- C 30
- M 12
- Y 0
- K 52
● #556b7a color description : Mostly desaturated dark blue.
#556b7a Color Conversion
The hexadecimal color #556b7a has RGB values of R:85, G:107, B:122 and CMYK values of C:0.3, M:0.12, Y:0, K:0.52. Its decimal value is 5598074.
Hex triplet | 556b7a | #556b7a |
---|---|---|
RGB Decimal | 85, 107, 122 | rgb(85,107,122) |
RGB Percent | 33.3, 42, 47.8 | rgb(33.3%,42%,47.8%) |
CMYK | 30, 12, 0, 52 | |
HSL | 204.3°, 17.9, 40.6 | hsl(204.3,17.9%,40.6%) |
HSV (or HSB) | 204.3°, 30.3, 47.8 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 44.019, -4.325, -11.009 |
---|---|
XYZ | 12.516, 13.851, 20.425 |
xyY | 0.267, 0.296, 13.851 |
CIE-LCH | 44.019, 11.828, 248.552 |
CIE-LUV | 44.019, -11.463, -14.641 |
Hunter-Lab | 37.218, -5.102, -6.487 |
Binary | 01010101, 01101011, 01111010 |
Color Schemes with #556b7a
Alternatives to #556b7a
Below, you can see some colors close to #556b7a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556b7a Preview
This text has a font color of #556b7a.
<span style="color:#556b7a;">Text here</span>
This paragraph has a background color of #556b7a.
<p style="background-color:#556b7a;">Content here</p>
This element has a border color of #556b7a.
<div style="border:1px solid #556b7a;">Content here</div>
.text {color:#556b7a;}
.background {background-color:#556b7a;}
.border {border:1px solid #556b7a;}
Shades and Tints of #556b7a
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, #040606 is the darkest color, while #fafbfb is the lightest one.
-
#040606
#040606
rgb(4,6,6)
-
#0d1012
#0d1012
rgb(13,16,18)
-
#151a1e
#151a1e
rgb(21,26,30)
-
#1d2429
#1d2429
rgb(29,36,41)
-
#252e35
#252e35
rgb(37,46,53)
-
#2d3840
#2d3840
rgb(45,56,64)
-
#35424c
#35424c
rgb(53,66,76)
-
#3d4d57
#3d4d57
rgb(61,77,87)
-
#455763
#455763
rgb(69,87,99)
-
#4d616e
#4d616e
rgb(77,97,110)
-
#556b7a
#556b7a
rgb(85,107,122)
-
#5d7586
#5d7586
rgb(93,117,134)
-
#657f91
#657f91
rgb(101,127,145)
-
#6f899b
#6f899b
rgb(111,137,155)
-
#7b93a3
#7b93a3
rgb(123,147,163)
-
#869cab
#869cab
rgb(134,156,171)
-
#92a5b3
#92a5b3
rgb(146,165,179)
-
#9dafbb
#9dafbb
rgb(157,175,187)
-
#a9b8c3
#a9b8c3
rgb(169,184,195)
-
#b4c2cb
#b4c2cb
rgb(180,194,203)
-
#c0cbd3
#c0cbd3
rgb(192,203,211)
-
#ccd5db
#ccd5db
rgb(204,213,219)
-
#d7dee3
#d7dee3
rgb(215,222,227)
-
#e3e8eb
#e3e8eb
rgb(227,232,235)
-
#eef1f3
#eef1f3
rgb(238,241,243)
-
#fafbfb
#fafbfb
rgb(250,251,251)
Tones of #556b7a
A tone is produced by adding gray to any pure hue. In this case, #65686a is the less saturated color, while #057aca is the most saturated one.
-
#65686a
#65686a
rgb(101,104,106)
-
#5d6972
#5d6972
rgb(93,105,114)
-
#556b7a
#556b7a
rgb(85,107,122)
-
#4d6d82
#4d6d82
rgb(77,109,130)
-
#456e8a
#456e8a
rgb(69,110,138)
-
#3d7092
#3d7092
rgb(61,112,146)
-
#35719a
#35719a
rgb(53,113,154)
-
#2d73a2
#2d73a2
rgb(45,115,162)
-
#2574aa
#2574aa
rgb(37,116,170)
-
#1d76b2
#1d76b2
rgb(29,118,178)
-
#1577ba
#1577ba
rgb(21,119,186)
-
#0d79c2
#0d79c2
rgb(13,121,194)
-
#057aca
#057aca
rgb(5,122,202)
Color Blindness Simulator
Below, you can see how #556b7a 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.