#556b6d Color Information
In a RGB color space, hex #556b6d is composed of 33.3% red, 42% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 22% cyan, 1.8% magenta, 0% yellow and 57.3% black. It has a hue angle of 185 degrees, a saturation of 12.4% and a lightness of 38%. #556b6d color hex could be obtained by blending #aad6da with #000000. Closest websafe color is: #666666.
-
- R 33
- G 42
- B 43
-
- C 22
- M 2
- Y 0
- K 57
● #556b6d color description : Very dark grayish cyan.
#556b6d Color Conversion
The hexadecimal color #556b6d has RGB values of R:85, G:107, B:109 and CMYK values of C:0.22, M:0.02, Y:0, K:0.57. Its decimal value is 5598061.
Hex triplet | 556b6d | #556b6d |
---|---|---|
RGB Decimal | 85, 107, 109 | rgb(85,107,109) |
RGB Percent | 33.3, 42, 42.7 | rgb(33.3%,42%,42.7%) |
CMYK | 22, 2, 0, 57 | |
HSL | 185°, 12.4, 38 | hsl(185,12.4%,38%) |
HSV (or HSB) | 185°, 22, 42.7 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 43.581, -7.64, -3.822 |
---|---|
XYZ | 11.764, 13.55, 16.463 |
xyY | 0.282, 0.324, 13.55 |
CIE-LCH | 43.581, 8.543, 206.574 |
CIE-LUV | 43.581, -11.262, -4.025 |
Hunter-Lab | 36.811, -7.376, -0.748 |
Binary | 01010101, 01101011, 01101101 |
Color Schemes with #556b6d
Alternatives to #556b6d
Below, you can see some colors close to #556b6d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556b6d Preview
This text has a font color of #556b6d.
<span style="color:#556b6d;">Text here</span>
This paragraph has a background color of #556b6d.
<p style="background-color:#556b6d;">Content here</p>
This element has a border color of #556b6d.
<div style="border:1px solid #556b6d;">Content here</div>
.text {color:#556b6d;}
.background {background-color:#556b6d;}
.border {border:1px solid #556b6d;}
Shades and Tints of #556b6d
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, #080a0a is the darkest color, while #fefefe is the lightest one.
-
#080a0a
#080a0a
rgb(8,10,10)
-
#101415
#101415
rgb(16,20,21)
-
#191f20
#191f20
rgb(25,31,32)
-
#212a2b
#212a2b
rgb(33,42,43)
-
#2a3536
#2a3536
rgb(42,53,54)
-
#334041
#334041
rgb(51,64,65)
-
#3b4b4c
#3b4b4c
rgb(59,75,76)
-
#445557
#445557
rgb(68,85,87)
-
#4c6062
#4c6062
rgb(76,96,98)
-
#556b6d
#556b6d
rgb(85,107,109)
-
#5e7678
#5e7678
rgb(94,118,120)
-
#668183
#668183
rgb(102,129,131)
-
#6f8b8e
#6f8b8e
rgb(111,139,142)
-
#7a9497
#7a9497
rgb(122,148,151)
-
#859da0
#859da0
rgb(133,157,160)
-
#90a6a8
#90a6a8
rgb(144,166,168)
-
#9bafb1
#9bafb1
rgb(155,175,177)
-
#a6b8b9
#a6b8b9
rgb(166,184,185)
-
#b1c0c2
#b1c0c2
rgb(177,192,194)
-
#bcc9ca
#bcc9ca
rgb(188,201,202)
-
#c7d2d3
#c7d2d3
rgb(199,210,211)
-
#d2dbdc
#d2dbdc
rgb(210,219,220)
-
#dde4e4
#dde4e4
rgb(221,228,228)
-
#e8eced
#e8eced
rgb(232,236,237)
-
#f3f5f5
#f3f5f5
rgb(243,245,245)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #556b6d
A tone is produced by adding gray to any pure hue. In this case, #5c6566 is the less saturated color, while #03afbf is the most saturated one.
-
#5c6566
#5c6566
rgb(92,101,102)
-
#556b6d
#556b6d
rgb(85,107,109)
-
#4e7174
#4e7174
rgb(78,113,116)
-
#46777c
#46777c
rgb(70,119,124)
-
#3f7e83
#3f7e83
rgb(63,126,131)
-
#37848b
#37848b
rgb(55,132,139)
-
#308a92
#308a92
rgb(48,138,146)
-
#28909a
#28909a
rgb(40,144,154)
-
#2197a1
#2197a1
rgb(33,151,161)
-
#199da9
#199da9
rgb(25,157,169)
-
#12a3b0
#12a3b0
rgb(18,163,176)
-
#0aa9b8
#0aa9b8
rgb(10,169,184)
-
#03afbf
#03afbf
rgb(3,175,191)
Color Blindness Simulator
Below, you can see how #556b6d 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.