#556b72 Color Information
In a RGB color space, hex #556b72 is composed of 33.3% red, 42% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 6.1% magenta, 0% yellow and 55.3% black. It has a hue angle of 194.5 degrees, a saturation of 14.6% and a lightness of 39%. #556b72 color hex could be obtained by blending #aad6e4 with #000000. Closest websafe color is: #666666.
-
- R 33
- G 42
- B 45
-
- C 25
- M 6
- Y 0
- K 55
● #556b72 color description : Very dark grayish cyan.
#556b72 Color Conversion
The hexadecimal color #556b72 has RGB values of R:85, G:107, B:114 and CMYK values of C:0.25, M:0.06, Y:0, K:0.55. Its decimal value is 5598066.
| Hex triplet | 556b72 | #556b72 |
|---|---|---|
| RGB Decimal | 85, 107, 114 | rgb(85,107,114) |
| RGB Percent | 33.3, 42, 44.7 | rgb(33.3%,42%,44.7%) |
| CMYK | 25, 6, 0, 55 | |
| HSL | 194.5°, 14.6, 39 | hsl(194.5,14.6%,39%) |
| HSV (or HSB) | 194.5°, 25.4, 44.7 | |
| Web Safe | 666666 | #666666 |
| CIE-LAB | 43.743, -6.398, -6.6 |
|---|---|
| XYZ | 12.041, 13.661, 17.921 |
| xyY | 0.276, 0.313, 13.661 |
| CIE-LCH | 43.743, 9.192, 225.889 |
| CIE-LUV | 43.743, -11.337, -8.062 |
| Hunter-Lab | 36.961, -6.533, -2.875 |
| Binary | 01010101, 01101011, 01110010 |
Color Schemes with #556b72
Alternatives to #556b72
Below, you can see some colors close to #556b72. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556b72 Preview
This text has a font color of #556b72.
<span style="color:#556b72;">Text here</span>
This paragraph has a background color of #556b72.
<p style="background-color:#556b72;">Content here</p>
This element has a border color of #556b72.
<div style="border:1px solid #556b72;">Content here</div>
.text {color:#556b72;}
.background {background-color:#556b72;}
.border {border:1px solid #556b72;}
Shades and Tints of #556b72
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, #010202 is the darkest color, while #f5f7f8 is the lightest one.
-
#010202
#010202rgb(1,2,2) -
#0a0c0d
#0a0c0drgb(10,12,13) -
#121718
#121718rgb(18,23,24) -
#1a2123
#1a2123rgb(26,33,35) -
#232c2f
#232c2frgb(35,44,47) -
#2b363a
#2b363argb(43,54,58) -
#334145
#334145rgb(51,65,69) -
#3c4b50
#3c4b50rgb(60,75,80) -
#44565c
#44565crgb(68,86,92) -
#4d6067
#4d6067rgb(77,96,103) -
#556b72
#556b72rgb(85,107,114) -
#5d767d
#5d767drgb(93,118,125) -
#668088
#668088rgb(102,128,136)
-
#6f8a93
#6f8a93rgb(111,138,147) -
#7a939c
#7a939crgb(122,147,156) -
#859da4
#859da4rgb(133,157,164) -
#90a6ac
#90a6acrgb(144,166,172) -
#9bafb5
#9bafb5rgb(155,175,181) -
#a7b8bd
#a7b8bdrgb(167,184,189) -
#b2c1c6
#b2c1c6rgb(178,193,198) -
#bdcace
#bdcacergb(189,202,206) -
#c8d3d6
#c8d3d6rgb(200,211,214) -
#d4dcdf
#d4dcdfrgb(212,220,223) -
#dfe5e7
#dfe5e7rgb(223,229,231) -
#eaeeef
#eaeeefrgb(234,238,239) -
#f5f7f8
#f5f7f8rgb(245,247,248)
Tones of #556b72
A tone is produced by adding gray to any pure hue. In this case, #5d676a is the less saturated color, while #0197c6 is the most saturated one.
-
#5d676a
#5d676argb(93,103,106) -
#556b72
#556b72rgb(85,107,114) -
#4d6f7a
#4d6f7argb(77,111,122) -
#467381
#467381rgb(70,115,129) -
#3e7789
#3e7789rgb(62,119,137) -
#367b91
#367b91rgb(54,123,145) -
#2f7f98
#2f7f98rgb(47,127,152) -
#2783a0
#2783a0rgb(39,131,160) -
#1f87a8
#1f87a8rgb(31,135,168) -
#188baf
#188bafrgb(24,139,175) -
#108fb7
#108fb7rgb(16,143,183) -
#0893bf
#0893bfrgb(8,147,191) -
#0197c6
#0197c6rgb(1,151,198)
Color Blindness Simulator
Below, you can see how #556b72 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.
