#557e7a Color Information
In a RGB color space, hex #557e7a is composed of 33.3% red, 49.4% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 32.5% cyan, 0% magenta, 3.2% yellow and 50.6% black. It has a hue angle of 174.1 degrees, a saturation of 19.4% and a lightness of 41.4%. #557e7a color hex could be obtained by blending #aafcf4 with #000000. Closest websafe color is: #666666.
-
- R 33
- G 49
- B 48
-
- C 33
- M 0
- Y 3
- K 51
● #557e7a color description : Mostly desaturated dark cyan.
#557e7a Color Conversion
The hexadecimal color #557e7a has RGB values of R:85, G:126, B:122 and CMYK values of C:0.33, M:0, Y:0.03, K:0.51. Its decimal value is 5602938.
Hex triplet | 557e7a | #557e7a |
---|---|---|
RGB Decimal | 85, 126, 122 | rgb(85,126,122) |
RGB Percent | 33.3, 49.4, 47.8 | rgb(33.3%,49.4%,47.8%) |
CMYK | 33, 0, 3, 51 | |
HSL | 174.1°, 19.4, 41.4 | hsl(174.1,19.4%,41.4%) |
HSV (or HSB) | 174.1°, 32.5, 49.4 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 49.807, -15.147, -2.386 |
---|---|
XYZ | 14.719, 18.257, 21.16 |
xyY | 0.272, 0.337, 18.257 |
CIE-LCH | 49.807, 15.333, 188.95 |
CIE-LUV | 49.807, -19.817, -1.04 |
Hunter-Lab | 42.729, -13.286, 0.549 |
Binary | 01010101, 01111110, 01111010 |
Color Schemes with #557e7a
Alternatives to #557e7a
Below, you can see some colors close to #557e7a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557e7a Preview
This text has a font color of #557e7a.
<span style="color:#557e7a;">Text here</span>
This paragraph has a background color of #557e7a.
<p style="background-color:#557e7a;">Content here</p>
This element has a border color of #557e7a.
<div style="border:1px solid #557e7a;">Content here</div>
.text {color:#557e7a;}
.background {background-color:#557e7a;}
.border {border:1px solid #557e7a;}
Shades and Tints of #557e7a
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, #060909 is the darkest color, while #fcfdfd is the lightest one.
-
#060909
#060909
rgb(6,9,9)
-
#0e1514
#0e1514
rgb(14,21,20)
-
#16201f
#16201f
rgb(22,32,31)
-
#1e2c2b
#1e2c2b
rgb(30,44,43)
-
#263836
#263836
rgb(38,56,54)
-
#2d4341
#2d4341
rgb(45,67,65)
-
#354f4d
#354f4d
rgb(53,79,77)
-
#3d5b58
#3d5b58
rgb(61,91,88)
-
#456763
#456763
rgb(69,103,99)
-
#4d726f
#4d726f
rgb(77,114,111)
-
#557e7a
#557e7a
rgb(85,126,122)
-
#5d8a85
#5d8a85
rgb(93,138,133)
-
#659591
#659591
rgb(101,149,145)
-
#709e9a
#709e9a
rgb(112,158,154)
-
#7ba6a2
#7ba6a2
rgb(123,166,162)
-
#87aeaa
#87aeaa
rgb(135,174,170)
-
#93b6b3
#93b6b3
rgb(147,182,179)
-
#9ebebb
#9ebebb
rgb(158,190,187)
-
#aac6c3
#aac6c3
rgb(170,198,195)
-
#b6cecb
#b6cecb
rgb(182,206,203)
-
#c2d6d4
#c2d6d4
rgb(194,214,212)
-
#cddddc
#cddddc
rgb(205,221,220)
-
#d9e5e4
#d9e5e4
rgb(217,229,228)
-
#e5edec
#e5edec
rgb(229,237,236)
-
#f0f5f5
#f0f5f5
rgb(240,245,245)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #557e7a
A tone is produced by adding gray to any pure hue. In this case, #656e6d is the less saturated color, while #04cfbb is the most saturated one.
-
#656e6d
#656e6d
rgb(101,110,109)
-
#5d7673
#5d7673
rgb(93,118,115)
-
#557e7a
#557e7a
rgb(85,126,122)
-
#4d8681
#4d8681
rgb(77,134,129)
-
#458e87
#458e87
rgb(69,142,135)
-
#3d968e
#3d968e
rgb(61,150,142)
-
#359e94
#359e94
rgb(53,158,148)
-
#2ca79b
#2ca79b
rgb(44,167,155)
-
#24afa1
#24afa1
rgb(36,175,161)
-
#1cb7a8
#1cb7a8
rgb(28,183,168)
-
#14bfae
#14bfae
rgb(20,191,174)
-
#0cc7b5
#0cc7b5
rgb(12,199,181)
-
#04cfbb
#04cfbb
rgb(4,207,187)
Color Blindness Simulator
Below, you can see how #557e7a 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.