#558b81 Color Information
In a RGB color space, hex #558b81 is composed of 33.3% red, 54.5% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 0% magenta, 7.2% yellow and 45.5% black. It has a hue angle of 168.9 degrees, a saturation of 24.1% and a lightness of 43.9%. #558b81 color hex could be obtained by blending #aaffff with #001703. Closest websafe color is: #669999.
-
- R 33
- G 55
- B 51
-
- C 39
- M 0
- Y 7
- K 45
● #558b81 color description : Mostly desaturated dark cyan.
#558b81 Color Conversion
The hexadecimal color #558b81 has RGB values of R:85, G:139, B:129 and CMYK values of C:0.39, M:0, Y:0.07, K:0.45. Its decimal value is 5606273.
Hex triplet | 558b81 | #558b81 |
---|---|---|
RGB Decimal | 85, 139, 129 | rgb(85,139,129) |
RGB Percent | 33.3, 54.5, 50.6 | rgb(33.3%,54.5%,50.6%) |
CMYK | 39, 0, 7, 45 | |
HSL | 168.9°, 24.1, 43.9 | hsl(168.9,24.1%,43.9%) |
HSV (or HSB) | 168.9°, 38.8, 54.5 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 54.006, -20.369, -0.309 |
---|---|
XYZ | 16.94, 21.981, 24.118 |
xyY | 0.269, 0.349, 21.981 |
CIE-LCH | 54.006, 20.372, 180.87 |
CIE-LUV | 54.006, -25.359, 2.667 |
Hunter-Lab | 46.883, -17.549, 2.319 |
Binary | 01010101, 10001011, 10000001 |
Color Schemes with #558b81
Alternatives to #558b81
Below, you can see some colors close to #558b81. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558b81 Preview
This text has a font color of #558b81.
<span style="color:#558b81;">Text here</span>
This paragraph has a background color of #558b81.
<p style="background-color:#558b81;">Content here</p>
This element has a border color of #558b81.
<div style="border:1px solid #558b81;">Content here</div>
.text {color:#558b81;}
.background {background-color:#558b81;}
.border {border:1px solid #558b81;}
Shades and Tints of #558b81
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 #f8fbfa is the lightest one.
-
#030505
#030505
rgb(3,5,5)
-
#0b1110
#0b1110
rgb(11,17,16)
-
#121d1b
#121d1b
rgb(18,29,27)
-
#192a27
#192a27
rgb(25,42,39)
-
#213632
#213632
rgb(33,54,50)
-
#28423d
#28423d
rgb(40,66,61)
-
#304e49
#304e49
rgb(48,78,73)
-
#375a54
#375a54
rgb(55,90,84)
-
#3f665f
#3f665f
rgb(63,102,95)
-
#46736a
#46736a
rgb(70,115,106)
-
#4e7f76
#4e7f76
rgb(78,127,118)
-
#558b81
#558b81
rgb(85,139,129)
-
#5c978c
#5c978c
rgb(92,151,140)
-
#66a196
#66a196
rgb(102,161,150)
-
#72a99f
#72a99f
rgb(114,169,159)
-
#7eb0a7
#7eb0a7
rgb(126,176,167)
-
#8ab8af
#8ab8af
rgb(138,184,175)
-
#97bfb8
#97bfb8
rgb(151,191,184)
-
#a3c7c0
#a3c7c0
rgb(163,199,192)
-
#afcec8
#afcec8
rgb(175,206,200)
-
#bbd5d1
#bbd5d1
rgb(187,213,209)
-
#c7ddd9
#c7ddd9
rgb(199,221,217)
-
#d3e4e1
#d3e4e1
rgb(211,228,225)
-
#e0ecea
#e0ecea
rgb(224,236,234)
-
#ecf3f2
#ecf3f2
rgb(236,243,242)
-
#f8fbfa
#f8fbfa
rgb(248,251,250)
Tones of #558b81
A tone is produced by adding gray to any pure hue. In this case, #6f7171 is the less saturated color, while #07d9b2 is the most saturated one.
-
#6f7171
#6f7171
rgb(111,113,113)
-
#667a76
#667a76
rgb(102,122,118)
-
#5e827c
#5e827c
rgb(94,130,124)
-
#558b81
#558b81
rgb(85,139,129)
-
#4c9486
#4c9486
rgb(76,148,134)
-
#449c8c
#449c8c
rgb(68,156,140)
-
#3ba591
#3ba591
rgb(59,165,145)
-
#33ad97
#33ad97
rgb(51,173,151)
-
#2ab69c
#2ab69c
rgb(42,182,156)
-
#21bfa2
#21bfa2
rgb(33,191,162)
-
#19c7a7
#19c7a7
rgb(25,199,167)
-
#10d0ac
#10d0ac
rgb(16,208,172)
-
#07d9b2
#07d9b2
rgb(7,217,178)
Color Blindness Simulator
Below, you can see how #558b81 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.