#556b77 Color Information
In a RGB color space, hex #556b77 is composed of 33.3% red, 42% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 10.1% magenta, 0% yellow and 53.3% black. It has a hue angle of 201.2 degrees, a saturation of 16.7% and a lightness of 40%. #556b77 color hex could be obtained by blending #aad6ee with #000000. Closest websafe color is: #666666.
-
- R 33
- G 42
- B 47
-
- C 29
- M 10
- Y 0
- K 53
● #556b77 color description : Mostly desaturated dark blue.
#556b77 Color Conversion
The hexadecimal color #556b77 has RGB values of R:85, G:107, B:119 and CMYK values of C:0.29, M:0.1, Y:0, K:0.53. Its decimal value is 5598071.
Hex triplet | 556b77 | #556b77 |
---|---|---|
RGB Decimal | 85, 107, 119 | rgb(85,107,119) |
RGB Percent | 33.3, 42, 46.7 | rgb(33.3%,42%,46.7%) |
CMYK | 29, 10, 0, 53 | |
HSL | 201.2°, 16.7, 40 | hsl(201.2,16.7%,40%) |
HSV (or HSB) | 201.2°, 28.6, 46.7 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 43.913, -5.114, -9.361 |
---|---|
XYZ | 12.333, 13.778, 19.461 |
xyY | 0.271, 0.302, 13.778 |
CIE-LCH | 43.913, 10.667, 241.35 |
CIE-LUV | 43.913, -11.415, -12.159 |
Hunter-Lab | 37.119, -5.651, -5.102 |
Binary | 01010101, 01101011, 01110111 |
Color Schemes with #556b77
Alternatives to #556b77
Below, you can see some colors close to #556b77. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556b77 Preview
This text has a font color of #556b77.
<span style="color:#556b77;">Text here</span>
This paragraph has a background color of #556b77.
<p style="background-color:#556b77;">Content here</p>
This element has a border color of #556b77.
<div style="border:1px solid #556b77;">Content here</div>
.text {color:#556b77;}
.background {background-color:#556b77;}
.border {border:1px solid #556b77;}
Shades and Tints of #556b77
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, #030405 is the darkest color, while #f8f9fa is the lightest one.
-
#030405
#030405
rgb(3,4,5)
-
#0b0e10
#0b0e10
rgb(11,14,16)
-
#14191b
#14191b
rgb(20,25,27)
-
#1c2327
#1c2327
rgb(28,35,39)
-
#242d32
#242d32
rgb(36,45,50)
-
#2c383e
#2c383e
rgb(44,56,62)
-
#344249
#344249
rgb(52,66,73)
-
#3c4c55
#3c4c55
rgb(60,76,85)
-
#455660
#455660
rgb(69,86,96)
-
#4d616c
#4d616c
rgb(77,97,108)
-
#556b77
#556b77
rgb(85,107,119)
-
#5d7582
#5d7582
rgb(93,117,130)
-
#65808e
#65808e
rgb(101,128,142)
-
#6f8998
#6f8998
rgb(111,137,152)
-
#7a93a0
#7a93a0
rgb(122,147,160)
-
#869ca8
#869ca8
rgb(134,156,168)
-
#91a5b1
#91a5b1
rgb(145,165,177)
-
#9dafb9
#9dafb9
rgb(157,175,185)
-
#a8b8c1
#a8b8c1
rgb(168,184,193)
-
#b3c1c9
#b3c1c9
rgb(179,193,201)
-
#bfcbd1
#bfcbd1
rgb(191,203,209)
-
#cad4d9
#cad4d9
rgb(202,212,217)
-
#d6dde2
#d6dde2
rgb(214,221,226)
-
#e1e7ea
#e1e7ea
rgb(225,231,234)
-
#edf0f2
#edf0f2
rgb(237,240,242)
-
#f8f9fa
#f8f9fa
rgb(248,249,250)
Tones of #556b77
A tone is produced by adding gray to any pure hue. In this case, #656667 is the less saturated color, while #0782c5 is the most saturated one.
-
#656667
#656667
rgb(101,102,103)
-
#5d696f
#5d696f
rgb(93,105,111)
-
#556b77
#556b77
rgb(85,107,119)
-
#4d6d7f
#4d6d7f
rgb(77,109,127)
-
#457087
#457087
rgb(69,112,135)
-
#3d728f
#3d728f
rgb(61,114,143)
-
#367496
#367496
rgb(54,116,150)
-
#2e779e
#2e779e
rgb(46,119,158)
-
#2679a6
#2679a6
rgb(38,121,166)
-
#1e7bae
#1e7bae
rgb(30,123,174)
-
#167db6
#167db6
rgb(22,125,182)
-
#0e80be
#0e80be
rgb(14,128,190)
-
#0782c5
#0782c5
rgb(7,130,197)
Color Blindness Simulator
Below, you can see how #556b77 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.