#557776 Color Information
In a RGB color space, hex #557776 is composed of 33.3% red, 46.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 0% magenta, 0.8% yellow and 53.3% black. It has a hue angle of 178.2 degrees, a saturation of 16.7% and a lightness of 40%. #557776 color hex could be obtained by blending #aaeeec with #000000. Closest websafe color is: #666666.
-
- R 33
- G 47
- B 46
-
- C 29
- M 0
- Y 1
- K 53
● #557776 color description : Mostly desaturated dark cyan.
#557776 Color Conversion
The hexadecimal color #557776 has RGB values of R:85, G:119, B:118 and CMYK values of C:0.29, M:0, Y:0.01, K:0.53. Its decimal value is 5601142.
Hex triplet | 557776 | #557776 |
---|---|---|
RGB Decimal | 85, 119, 118 | rgb(85,119,118) |
RGB Percent | 33.3, 46.7, 46.3 | rgb(33.3%,46.7%,46.3%) |
CMYK | 29, 0, 1, 53 | |
HSL | 178.2°, 16.7, 40 | hsl(178.2,16.7%,40%) |
HSV (or HSB) | 178.2°, 28.6, 46.7 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 47.537, -12.267, -3.367 |
---|---|
XYZ | 13.612, 16.432, 19.593 |
xyY | 0.274, 0.331, 16.432 |
CIE-LCH | 47.537, 12.721, 195.348 |
CIE-LUV | 47.537, -16.739, -2.811 |
Hunter-Lab | 40.537, -10.999, -0.281 |
Binary | 01010101, 01110111, 01110110 |
Color Schemes with #557776
Alternatives to #557776
Below, you can see some colors close to #557776. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557776 Preview
This text has a font color of #557776.
<span style="color:#557776;">Text here</span>
This paragraph has a background color of #557776.
<p style="background-color:#557776;">Content here</p>
This element has a border color of #557776.
<div style="border:1px solid #557776;">Content here</div>
.text {color:#557776;}
.background {background-color:#557776;}
.border {border:1px solid #557776;}
Shades and Tints of #557776
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, #030505 is the darkest color, while #f8fafa is the lightest one.
-
#030505
#030505
rgb(3,5,5)
-
#0b1010
#0b1010
rgb(11,16,16)
-
#141b1b
#141b1b
rgb(20,27,27)
-
#1c2727
#1c2727
rgb(28,39,39)
-
#243232
#243232
rgb(36,50,50)
-
#2c3e3d
#2c3e3d
rgb(44,62,61)
-
#344949
#344949
rgb(52,73,73)
-
#3c5554
#3c5554
rgb(60,85,84)
-
#45605f
#45605f
rgb(69,96,95)
-
#4d6c6b
#4d6c6b
rgb(77,108,107)
-
#557776
#557776
rgb(85,119,118)
-
#5d8281
#5d8281
rgb(93,130,129)
-
#658e8d
#658e8d
rgb(101,142,141)
-
#6f9897
#6f9897
rgb(111,152,151)
-
#7aa09f
#7aa09f
rgb(122,160,159)
-
#86a8a7
#86a8a7
rgb(134,168,167)
-
#91b1b0
#91b1b0
rgb(145,177,176)
-
#9db9b8
#9db9b8
rgb(157,185,184)
-
#a8c1c0
#a8c1c0
rgb(168,193,192)
-
#b3c9c8
#b3c9c8
rgb(179,201,200)
-
#bfd1d1
#bfd1d1
rgb(191,209,209)
-
#cad9d9
#cad9d9
rgb(202,217,217)
-
#d6e2e1
#d6e2e1
rgb(214,226,225)
-
#e1eaea
#e1eaea
rgb(225,234,234)
-
#edf2f2
#edf2f2
rgb(237,242,242)
-
#f8fafa
#f8fafa
rgb(248,250,250)
Tones of #557776
A tone is produced by adding gray to any pure hue. In this case, #656767 is the less saturated color, while #07c5c0 is the most saturated one.
-
#656767
#656767
rgb(101,103,103)
-
#5d6f6f
#5d6f6f
rgb(93,111,111)
-
#557776
#557776
rgb(85,119,118)
-
#4d7f7d
#4d7f7d
rgb(77,127,125)
-
#458785
#458785
rgb(69,135,133)
-
#3d8f8c
#3d8f8c
rgb(61,143,140)
-
#369694
#369694
rgb(54,150,148)
-
#2e9e9b
#2e9e9b
rgb(46,158,155)
-
#26a6a2
#26a6a2
rgb(38,166,162)
-
#1eaeaa
#1eaeaa
rgb(30,174,170)
-
#16b6b1
#16b6b1
rgb(22,182,177)
-
#0ebeb8
#0ebeb8
rgb(14,190,184)
-
#07c5c0
#07c5c0
rgb(7,197,192)
Color Blindness Simulator
Below, you can see how #557776 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.