#558a7c Color Information
In a RGB color space, hex #558a7c is composed of 33.3% red, 54.1% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 0% magenta, 10.1% yellow and 45.9% black. It has a hue angle of 164.2 degrees, a saturation of 23.8% and a lightness of 43.7%. #558a7c color hex could be obtained by blending #aafff8 with #001500. Closest websafe color is: #669966.
-
- R 33
- G 54
- B 49
-
- C 38
- M 0
- Y 10
- K 46
● #558a7c color description : Mostly desaturated dark cyan - lime green.
#558a7c Color Conversion
The hexadecimal color #558a7c has RGB values of R:85, G:138, B:124 and CMYK values of C:0.38, M:0, Y:0.1, K:0.46. Its decimal value is 5606012.
Hex triplet | 558a7c | #558a7c |
---|---|---|
RGB Decimal | 85, 138, 124 | rgb(85,138,124) |
RGB Percent | 33.3, 54.1, 48.6 | rgb(33.3%,54.1%,48.6%) |
CMYK | 38, 0, 10, 46 | |
HSL | 164.2°, 23.8, 43.7 | hsl(164.2,23.8%,43.7%) |
HSV (or HSB) | 164.2°, 38.4, 54.1 | |
Web Safe | 669966 | #669966 |
CIE-LAB | 53.56, -21.062, 1.932 |
---|---|
XYZ | 16.472, 21.563, 22.362 |
xyY | 0.273, 0.357, 21.563 |
CIE-LCH | 53.56, 21.151, 174.76 |
CIE-LUV | 53.56, -25.033, 5.906 |
Hunter-Lab | 46.436, -17.944, 3.953 |
Binary | 01010101, 10001010, 01111100 |
Color Schemes with #558a7c
Alternatives to #558a7c
Below, you can see some colors close to #558a7c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558a7c Preview
This text has a font color of #558a7c.
<span style="color:#558a7c;">Text here</span>
This paragraph has a background color of #558a7c.
<p style="background-color:#558a7c;">Content here</p>
This element has a border color of #558a7c.
<div style="border:1px solid #558a7c;">Content here</div>
.text {color:#558a7c;}
.background {background-color:#558a7c;}
.border {border:1px solid #558a7c;}
Shades and Tints of #558a7c
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, #030404 is the darkest color, while #f7fafa is the lightest one.
-
#030404
#030404
rgb(3,4,4)
-
#0a110f
#0a110f
rgb(10,17,15)
-
#121d1a
#121d1a
rgb(18,29,26)
-
#192925
#192925
rgb(25,41,37)
-
#213530
#213530
rgb(33,53,48)
-
#28413b
#28413b
rgb(40,65,59)
-
#304d45
#304d45
rgb(48,77,69)
-
#375950
#375950
rgb(55,89,80)
-
#3f665b
#3f665b
rgb(63,102,91)
-
#467266
#467266
rgb(70,114,102)
-
#4e7e71
#4e7e71
rgb(78,126,113)
-
#558a7c
#558a7c
rgb(85,138,124)
-
#5c9687
#5c9687
rgb(92,150,135)
-
#66a191
#66a191
rgb(102,161,145)
-
#72a89a
#72a89a
rgb(114,168,154)
-
#7eb0a2
#7eb0a2
rgb(126,176,162)
-
#8ab7ab
#8ab7ab
rgb(138,183,171)
-
#96beb4
#96beb4
rgb(150,190,180)
-
#a2c6bd
#a2c6bd
rgb(162,198,189)
-
#afcdc5
#afcdc5
rgb(175,205,197)
-
#bbd5ce
#bbd5ce
rgb(187,213,206)
-
#c7dcd7
#c7dcd7
rgb(199,220,215)
-
#d3e4df
#d3e4df
rgb(211,228,223)
-
#dfebe8
#dfebe8
rgb(223,235,232)
-
#ebf3f1
#ebf3f1
rgb(235,243,241)
-
#f7fafa
#f7fafa
rgb(247,250,250)
Tones of #558a7c
A tone is produced by adding gray to any pure hue. In this case, #6f7070 is the less saturated color, while #08d7a0 is the most saturated one.
-
#6f7070
#6f7070
rgb(111,112,112)
-
#667974
#667974
rgb(102,121,116)
-
#5e8178
#5e8178
rgb(94,129,120)
-
#558a7c
#558a7c
rgb(85,138,124)
-
#4c9380
#4c9380
rgb(76,147,128)
-
#449b84
#449b84
rgb(68,155,132)
-
#3ba488
#3ba488
rgb(59,164,136)
-
#33ac8c
#33ac8c
rgb(51,172,140)
-
#2ab590
#2ab590
rgb(42,181,144)
-
#22bd94
#22bd94
rgb(34,189,148)
-
#19c698
#19c698
rgb(25,198,152)
-
#10cf9c
#10cf9c
rgb(16,207,156)
-
#08d7a0
#08d7a0
rgb(8,215,160)
Color Blindness Simulator
Below, you can see how #558a7c 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.