#556a80 Color Information
In a RGB color space, hex #556a80 is composed of 33.3% red, 41.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 17.2% magenta, 0% yellow and 49.8% black. It has a hue angle of 210.7 degrees, a saturation of 20.2% and a lightness of 41.8%. #556a80 color hex could be obtained by blending #aad4ff with #000001. Closest websafe color is: #666699.
-
- R 33
- G 42
- B 50
-
- C 34
- M 17
- Y 0
- K 50
● #556a80 color description : Mostly desaturated dark blue.
#556a80 Color Conversion
The hexadecimal color #556a80 has RGB values of R:85, G:106, B:128 and CMYK values of C:0.34, M:0.17, Y:0, K:0.5. Its decimal value is 5597824.
Hex triplet | 556a80 | #556a80 |
---|---|---|
RGB Decimal | 85, 106, 128 | rgb(85,106,128) |
RGB Percent | 33.3, 41.6, 50.2 | rgb(33.3%,41.6%,50.2%) |
CMYK | 34, 17, 0, 50 | |
HSL | 210.7°, 20.2, 41.8 | hsl(210.7,20.2%,41.8%) |
HSV (or HSB) | 210.7°, 33.6, 50.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 43.941, -2.108, -14.737 |
---|---|
XYZ | 12.796, 13.797, 22.41 |
xyY | 0.261, 0.282, 13.797 |
CIE-LCH | 43.941, 14.887, 261.861 |
CIE-LUV | 43.941, -11.136, -20.361 |
Hunter-Lab | 37.145, -3.514, -9.769 |
Binary | 01010101, 01101010, 10000000 |
Color Schemes with #556a80
Alternatives to #556a80
Below, you can see some colors close to #556a80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556a80 Preview
This text has a font color of #556a80.
<span style="color:#556a80;">Text here</span>
This paragraph has a background color of #556a80.
<p style="background-color:#556a80;">Content here</p>
This element has a border color of #556a80.
<div style="border:1px solid #556a80;">Content here</div>
.text {color:#556a80;}
.background {background-color:#556a80;}
.border {border:1px solid #556a80;}
Shades and Tints of #556a80
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, #07080a is the darkest color, while #fdfefe is the lightest one.
-
#07080a
#07080a
rgb(7,8,10)
-
#0f1216
#0f1216
rgb(15,18,22)
-
#161c22
#161c22
rgb(22,28,34)
-
#1e262d
#1e262d
rgb(30,38,45)
-
#262f39
#262f39
rgb(38,47,57)
-
#2e3945
#2e3945
rgb(46,57,69)
-
#364351
#364351
rgb(54,67,81)
-
#3e4d5d
#3e4d5d
rgb(62,77,93)
-
#455668
#455668
rgb(69,86,104)
-
#4d6074
#4d6074
rgb(77,96,116)
-
#556a80
#556a80
rgb(85,106,128)
-
#5d748c
#5d748c
rgb(93,116,140)
-
#657e98
#657e98
rgb(101,126,152)
-
#7087a0
#7087a0
rgb(112,135,160)
-
#7c91a8
#7c91a8
rgb(124,145,168)
-
#879bb0
#879bb0
rgb(135,155,176)
-
#93a5b7
#93a5b7
rgb(147,165,183)
-
#9fafbf
#9fafbf
rgb(159,175,191)
-
#abb9c7
#abb9c7
rgb(171,185,199)
-
#b7c2cf
#b7c2cf
rgb(183,194,207)
-
#c2ccd7
#c2ccd7
rgb(194,204,215)
-
#ced6df
#ced6df
rgb(206,214,223)
-
#dae0e6
#dae0e6
rgb(218,224,230)
-
#e6eaee
#e6eaee
rgb(230,234,238)
-
#f2f4f6
#f2f4f6
rgb(242,244,246)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #556a80
A tone is produced by adding gray to any pure hue. In this case, #656a70 is the less saturated color, while #0368d2 is the most saturated one.
-
#656a70
#656a70
rgb(101,106,112)
-
#5d6a78
#5d6a78
rgb(93,106,120)
-
#556a80
#556a80
rgb(85,106,128)
-
#4d6a88
#4d6a88
rgb(77,106,136)
-
#456a90
#456a90
rgb(69,106,144)
-
#3c6999
#3c6999
rgb(60,105,153)
-
#3469a1
#3469a1
rgb(52,105,161)
-
#2c69a9
#2c69a9
rgb(44,105,169)
-
#2469b1
#2469b1
rgb(36,105,177)
-
#1c69b9
#1c69b9
rgb(28,105,185)
-
#1368c2
#1368c2
rgb(19,104,194)
-
#0b68ca
#0b68ca
rgb(11,104,202)
-
#0368d2
#0368d2
rgb(3,104,210)
Color Blindness Simulator
Below, you can see how #556a80 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.