#557f63 Color Information
In a RGB color space, hex #557f63 is composed of 33.3% red, 49.8% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 0% magenta, 22% yellow and 50.2% black. It has a hue angle of 140 degrees, a saturation of 19.8% and a lightness of 41.6%. #557f63 color hex could be obtained by blending #aafec6 with #000000. Closest websafe color is: #666666.
-
- R 33
- G 50
- B 39
-
- C 33
- M 0
- Y 22
- K 50
● #557f63 color description : Mostly desaturated dark cyan - lime green.
#557f63 Color Conversion
The hexadecimal color #557f63 has RGB values of R:85, G:127, B:99 and CMYK values of C:0.33, M:0, Y:0.22, K:0.5. Its decimal value is 5603171.
Hex triplet | 557f63 | #557f63 |
---|---|---|
RGB Decimal | 85, 127, 99 | rgb(85,127,99) |
RGB Percent | 33.3, 49.8, 38.8 | rgb(33.3%,49.8%,38.8%) |
CMYK | 33, 0, 22, 50 | |
HSL | 140°, 19.8, 41.6 | hsl(140,19.8%,41.6%) |
HSV (or HSB) | 140°, 33.1, 49.8 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 49.509, -20.928, 10.663 |
---|---|
XYZ | 13.587, 18.01, 14.564 |
xyY | 0.294, 0.39, 18.01 |
CIE-LCH | 49.509, 23.488, 153.002 |
CIE-LUV | 49.509, -20.503, 17.186 |
Hunter-Lab | 42.439, -17.119, 9.36 |
Binary | 01010101, 01111111, 01100011 |
Color Schemes with #557f63
Alternatives to #557f63
Below, you can see some colors close to #557f63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557f63 Preview
This text has a font color of #557f63.
<span style="color:#557f63;">Text here</span>
This paragraph has a background color of #557f63.
<p style="background-color:#557f63;">Content here</p>
This element has a border color of #557f63.
<div style="border:1px solid #557f63;">Content here</div>
.text {color:#557f63;}
.background {background-color:#557f63;}
.border {border:1px solid #557f63;}
Shades and Tints of #557f63
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, #060907 is the darkest color, while #fdfdfd is the lightest one.
-
#060907
#060907
rgb(6,9,7)
-
#0e1511
#0e1511
rgb(14,21,17)
-
#16211a
#16211a
rgb(22,33,26)
-
#1e2d23
#1e2d23
rgb(30,45,35)
-
#26382c
#26382c
rgb(38,56,44)
-
#2e4435
#2e4435
rgb(46,68,53)
-
#36503e
#36503e
rgb(54,80,62)
-
#3d5c48
#3d5c48
rgb(61,92,72)
-
#456751
#456751
rgb(69,103,81)
-
#4d735a
#4d735a
rgb(77,115,90)
-
#557f63
#557f63
rgb(85,127,99)
-
#5d8b6c
#5d8b6c
rgb(93,139,108)
-
#659775
#659775
rgb(101,151,117)
-
#709f80
#709f80
rgb(112,159,128)
-
#7ba78a
#7ba78a
rgb(123,167,138)
-
#87af94
#87af94
rgb(135,175,148)
-
#93b79f
#93b79f
rgb(147,183,159)
-
#9fbfa9
#9fbfa9
rgb(159,191,169)
-
#aac6b4
#aac6b4
rgb(170,198,180)
-
#b6cebe
#b6cebe
rgb(182,206,190)
-
#c2d6c9
#c2d6c9
rgb(194,214,201)
-
#ceded3
#ceded3
rgb(206,222,211)
-
#d9e6de
#d9e6de
rgb(217,230,222)
-
#e5eee8
#e5eee8
rgb(229,238,232)
-
#f1f6f3
#f1f6f3
rgb(241,246,243)
-
#fdfdfd
#fdfdfd
rgb(253,253,253)
Tones of #557f63
A tone is produced by adding gray to any pure hue. In this case, #656f68 is the less saturated color, while #03d148 is the most saturated one.
-
#656f68
#656f68
rgb(101,111,104)
-
#5d7766
#5d7766
rgb(93,119,102)
-
#557f63
#557f63
rgb(85,127,99)
-
#4d8760
#4d8760
rgb(77,135,96)
-
#458f5e
#458f5e
rgb(69,143,94)
-
#3d975b
#3d975b
rgb(61,151,91)
-
#34a058
#34a058
rgb(52,160,88)
-
#2ca855
#2ca855
rgb(44,168,85)
-
#24b053
#24b053
rgb(36,176,83)
-
#1cb850
#1cb850
rgb(28,184,80)
-
#14c04d
#14c04d
rgb(20,192,77)
-
#0cc84b
#0cc84b
rgb(12,200,75)
-
#03d148
#03d148
rgb(3,209,72)
Color Blindness Simulator
Below, you can see how #557f63 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.