#558e81 Color Information
In a RGB color space, hex #558e81 is composed of 33.3% red, 55.7% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 0% magenta, 9.2% yellow and 44.3% black. It has a hue angle of 166.3 degrees, a saturation of 25.1% and a lightness of 44.5%. #558e81 color hex could be obtained by blending #aaffff with #001d03. Closest websafe color is: #669999.
-
- R 33
- G 56
- B 51
-
- C 40
- M 0
- Y 9
- K 44
● #558e81 color description : Mostly desaturated dark cyan.
#558e81 Color Conversion
The hexadecimal color #558e81 has RGB values of R:85, G:142, B:129 and CMYK values of C:0.4, M:0, Y:0.09, K:0.44. Its decimal value is 5607041.
Hex triplet | 558e81 | #558e81 |
---|---|---|
RGB Decimal | 85, 142, 129 | rgb(85,142,129) |
RGB Percent | 33.3, 55.7, 50.6 | rgb(33.3%,55.7%,50.6%) |
CMYK | 40, 0, 9, 44 | |
HSL | 166.3°, 25.1, 44.5 | hsl(166.3,25.1%,44.5%) |
HSV (or HSB) | 166.3°, 40.1, 55.7 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 54.929, -21.929, 1.037 |
---|---|
XYZ | 17.381, 22.861, 24.264 |
xyY | 0.269, 0.354, 22.861 |
CIE-LCH | 54.929, 21.954, 177.294 |
CIE-LUV | 54.929, -26.646, 4.812 |
Hunter-Lab | 47.814, -18.787, 3.381 |
Binary | 01010101, 10001110, 10000001 |
Color Schemes with #558e81
Alternatives to #558e81
Below, you can see some colors close to #558e81. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558e81 Preview
This text has a font color of #558e81.
<span style="color:#558e81;">Text here</span>
This paragraph has a background color of #558e81.
<p style="background-color:#558e81;">Content here</p>
This element has a border color of #558e81.
<div style="border:1px solid #558e81;">Content here</div>
.text {color:#558e81;}
.background {background-color:#558e81;}
.border {border:1px solid #558e81;}
Shades and Tints of #558e81
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, #040706 is the darkest color, while #fafcfb is the lightest one.
-
#040706
#040706
rgb(4,7,6)
-
#0c1312
#0c1312
rgb(12,19,18)
-
#13201d
#13201d
rgb(19,32,29)
-
#1a2c28
#1a2c28
rgb(26,44,40)
-
#223833
#223833
rgb(34,56,51)
-
#29443e
#29443e
rgb(41,68,62)
-
#305149
#305149
rgb(48,81,73)
-
#385d54
#385d54
rgb(56,93,84)
-
#3f6960
#3f6960
rgb(63,105,96)
-
#46756b
#46756b
rgb(70,117,107)
-
#4e8276
#4e8276
rgb(78,130,118)
-
#558e81
#558e81
rgb(85,142,129)
-
#5c9a8c
#5c9a8c
rgb(92,154,140)
-
#67a496
#67a496
rgb(103,164,150)
-
#73ab9e
#73ab9e
rgb(115,171,158)
-
#7fb2a7
#7fb2a7
rgb(127,178,167)
-
#8bbaaf
#8bbaaf
rgb(139,186,175)
-
#98c1b8
#98c1b8
rgb(152,193,184)
-
#a4c8c0
#a4c8c0
rgb(164,200,192)
-
#b0d0c9
#b0d0c9
rgb(176,208,201)
-
#bcd7d1
#bcd7d1
rgb(188,215,209)
-
#c9deda
#c9deda
rgb(201,222,218)
-
#d5e6e2
#d5e6e2
rgb(213,230,226)
-
#e1edea
#e1edea
rgb(225,237,234)
-
#edf5f3
#edf5f3
rgb(237,245,243)
-
#fafcfb
#fafcfb
rgb(250,252,251)
Tones of #558e81
A tone is produced by adding gray to any pure hue. In this case, #6f7473 is the less saturated color, while #06ddac is the most saturated one.
-
#6f7473
#6f7473
rgb(111,116,115)
-
#667d78
#667d78
rgb(102,125,120)
-
#5e857c
#5e857c
rgb(94,133,124)
-
#558e81
#558e81
rgb(85,142,129)
-
#4c9786
#4c9786
rgb(76,151,134)
-
#449f8a
#449f8a
rgb(68,159,138)
-
#3ba88f
#3ba88f
rgb(59,168,143)
-
#32b194
#32b194
rgb(50,177,148)
-
#29ba99
#29ba99
rgb(41,186,153)
-
#21c29d
#21c29d
rgb(33,194,157)
-
#18cba2
#18cba2
rgb(24,203,162)
-
#0fd4a7
#0fd4a7
rgb(15,212,167)
-
#06ddac
#06ddac
rgb(6,221,172)
Color Blindness Simulator
Below, you can see how #558e81 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.