#556f60 Color Information
In a RGB color space, hex #556f60 is composed of 33.3% red, 43.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 0% magenta, 13.5% yellow and 56.5% black. It has a hue angle of 145.4 degrees, a saturation of 13.3% and a lightness of 38.4%. #556f60 color hex could be obtained by blending #aadec0 with #000000. Closest websafe color is: #666666.
-
- R 33
- G 44
- B 38
-
- C 23
- M 0
- Y 14
- K 56
● #556f60 color description : Very dark grayish cyan - lime green.
#556f60 Color Conversion
The hexadecimal color #556f60 has RGB values of R:85, G:111, B:96 and CMYK values of C:0.23, M:0, Y:0.14, K:0.56. Its decimal value is 5599072.
Hex triplet | 556f60 | #556f60 |
---|---|---|
RGB Decimal | 85, 111, 96 | rgb(85,111,96) |
RGB Percent | 33.3, 43.5, 37.6 | rgb(33.3%,43.5%,37.6%) |
CMYK | 23, 0, 14, 56 | |
HSL | 145.4°, 13.3, 38.4 | hsl(145.4,13.3%,38.4%) |
HSV (or HSB) | 145.4°, 23.4, 43.5 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 44.439, -12.917, 5.252 |
---|---|
XYZ | 11.542, 14.144, 13.188 |
xyY | 0.297, 0.364, 14.144 |
CIE-LCH | 44.439, 13.944, 157.875 |
CIE-LUV | 44.439, -12.989, 8.778 |
Hunter-Lab | 37.609, -11.037, 5.536 |
Binary | 01010101, 01101111, 01100000 |
Color Schemes with #556f60
Alternatives to #556f60
Below, you can see some colors close to #556f60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556f60 Preview
This text has a font color of #556f60.
<span style="color:#556f60;">Text here</span>
This paragraph has a background color of #556f60.
<p style="background-color:#556f60;">Content here</p>
This element has a border color of #556f60.
<div style="border:1px solid #556f60;">Content here</div>
.text {color:#556f60;}
.background {background-color:#556f60;}
.border {border:1px solid #556f60;}
Shades and Tints of #556f60
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, #080b0a is the darkest color, while #ffffff is the lightest one.
-
#080b0a
#080b0a
rgb(8,11,10)
-
#111613
#111613
rgb(17,22,19)
-
#19211d
#19211d
rgb(25,33,29)
-
#222c26
#222c26
rgb(34,44,38)
-
#2a3730
#2a3730
rgb(42,55,48)
-
#33433a
#33433a
rgb(51,67,58)
-
#3b4e43
#3b4e43
rgb(59,78,67)
-
#44594d
#44594d
rgb(68,89,77)
-
#4c6456
#4c6456
rgb(76,100,86)
-
#556f60
#556f60
rgb(85,111,96)
-
#5e7a6a
#5e7a6a
rgb(94,122,106)
-
#668573
#668573
rgb(102,133,115)
-
#6f907d
#6f907d
rgb(111,144,125)
-
#7a9987
#7a9987
rgb(122,153,135)
-
#85a191
#85a191
rgb(133,161,145)
-
#90aa9b
#90aa9b
rgb(144,170,155)
-
#9bb2a5
#9bb2a5
rgb(155,178,165)
-
#a6bbaf
#a6bbaf
rgb(166,187,175)
-
#b1c3b9
#b1c3b9
rgb(177,195,185)
-
#bcccc3
#bcccc3
rgb(188,204,195)
-
#c7d4cd
#c7d4cd
rgb(199,212,205)
-
#d2ddd7
#d2ddd7
rgb(210,221,215)
-
#dee5e1
#dee5e1
rgb(222,229,225)
-
#e9eeeb
#e9eeeb
rgb(233,238,235)
-
#f4f6f5
#f4f6f5
rgb(244,246,245)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #556f60
A tone is produced by adding gray to any pure hue. In this case, #5d6761 is the less saturated color, while #02c253 is the most saturated one.
-
#5d6761
#5d6761
rgb(93,103,97)
-
#556f60
#556f60
rgb(85,111,96)
-
#4d775f
#4d775f
rgb(77,119,95)
-
#467e5e
#467e5e
rgb(70,126,94)
-
#3e865d
#3e865d
rgb(62,134,93)
-
#378d5b
#378d5b
rgb(55,141,91)
-
#2f955a
#2f955a
rgb(47,149,90)
-
#289c59
#289c59
rgb(40,156,89)
-
#20a458
#20a458
rgb(32,164,88)
-
#19ab57
#19ab57
rgb(25,171,87)
-
#11b356
#11b356
rgb(17,179,86)
-
#0aba54
#0aba54
rgb(10,186,84)
-
#02c253
#02c253
rgb(2,194,83)
Color Blindness Simulator
Below, you can see how #556f60 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.