#557e80 Color Information
In a RGB color space, hex #557e80 is composed of 33.3% red, 49.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 1.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 182.8 degrees, a saturation of 20.2% and a lightness of 41.8%. #557e80 color hex could be obtained by blending #aafcff with #000001. Closest websafe color is: #666699.
-
- R 33
- G 49
- B 50
-
- C 34
- M 2
- Y 0
- K 50
● #557e80 color description : Mostly desaturated dark cyan.
#557e80 Color Conversion
The hexadecimal color #557e80 has RGB values of R:85, G:126, B:128 and CMYK values of C:0.34, M:0.02, Y:0, K:0.5. Its decimal value is 5602944.
Hex triplet | 557e80 | #557e80 |
---|---|---|
RGB Decimal | 85, 126, 128 | rgb(85,126,128) |
RGB Percent | 33.3, 49.4, 50.2 | rgb(33.3%,49.4%,50.2%) |
CMYK | 34, 2, 0, 50 | |
HSL | 182.8°, 20.2, 41.8 | hsl(182.8,20.2%,41.8%) |
HSV (or HSB) | 182.8°, 33.6, 50.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 49.991, -13.627, -5.642 |
---|---|
XYZ | 15.102, 18.411, 23.179 |
xyY | 0.266, 0.325, 18.411 |
CIE-LCH | 49.991, 14.749, 202.49 |
CIE-LUV | 49.991, -19.761, -5.906 |
Hunter-Lab | 42.908, -12.261, -1.993 |
Binary | 01010101, 01111110, 10000000 |
Color Schemes with #557e80
Alternatives to #557e80
Below, you can see some colors close to #557e80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557e80 Preview
This text has a font color of #557e80.
<span style="color:#557e80;">Text here</span>
This paragraph has a background color of #557e80.
<p style="background-color:#557e80;">Content here</p>
This element has a border color of #557e80.
<div style="border:1px solid #557e80;">Content here</div>
.text {color:#557e80;}
.background {background-color:#557e80;}
.border {border:1px solid #557e80;}
Shades and Tints of #557e80
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, #070a0a is the darkest color, while #fdfefe is the lightest one.
-
#070a0a
#070a0a
rgb(7,10,10)
-
#0f1616
#0f1616
rgb(15,22,22)
-
#162122
#162122
rgb(22,33,34)
-
#1e2d2d
#1e2d2d
rgb(30,45,45)
-
#263839
#263839
rgb(38,56,57)
-
#2e4445
#2e4445
rgb(46,68,69)
-
#365051
#365051
rgb(54,80,81)
-
#3e5b5d
#3e5b5d
rgb(62,91,93)
-
#456768
#456768
rgb(69,103,104)
-
#4d7274
#4d7274
rgb(77,114,116)
-
#557e80
#557e80
rgb(85,126,128)
-
#5d8a8c
#5d8a8c
rgb(93,138,140)
-
#659598
#659598
rgb(101,149,152)
-
#709ea0
#709ea0
rgb(112,158,160)
-
#7ca6a8
#7ca6a8
rgb(124,166,168)
-
#87aeb0
#87aeb0
rgb(135,174,176)
-
#93b6b7
#93b6b7
rgb(147,182,183)
-
#9fbebf
#9fbebf
rgb(159,190,191)
-
#abc6c7
#abc6c7
rgb(171,198,199)
-
#b7cecf
#b7cecf
rgb(183,206,207)
-
#c2d6d7
#c2d6d7
rgb(194,214,215)
-
#cededf
#cededf
rgb(206,222,223)
-
#dae6e6
#dae6e6
rgb(218,230,230)
-
#e6eeee
#e6eeee
rgb(230,238,238)
-
#f2f6f6
#f2f6f6
rgb(242,246,246)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #557e80
A tone is produced by adding gray to any pure hue. In this case, #656f70 is the less saturated color, while #03c8d2 is the most saturated one.
-
#656f70
#656f70
rgb(101,111,112)
-
#5d7778
#5d7778
rgb(93,119,120)
-
#557e80
#557e80
rgb(85,126,128)
-
#4d8588
#4d8588
rgb(77,133,136)
-
#458d90
#458d90
rgb(69,141,144)
-
#3c9499
#3c9499
rgb(60,148,153)
-
#349ca1
#349ca1
rgb(52,156,161)
-
#2ca3a9
#2ca3a9
rgb(44,163,169)
-
#24abb1
#24abb1
rgb(36,171,177)
-
#1cb2b9
#1cb2b9
rgb(28,178,185)
-
#13b9c2
#13b9c2
rgb(19,185,194)
-
#0bc1ca
#0bc1ca
rgb(11,193,202)
-
#03c8d2
#03c8d2
rgb(3,200,210)
Color Blindness Simulator
Below, you can see how #557e80 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.