#558381 Color Information
In a RGB color space, hex #558381 is composed of 33.3% red, 51.4% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 1.5% yellow and 48.6% black. It has a hue angle of 177.4 degrees, a saturation of 21.3% and a lightness of 42.4%. #558381 color hex could be obtained by blending #aaffff with #000703. Closest websafe color is: #669999.
-
- R 33
- G 51
- B 51
-
- C 35
- M 0
- Y 2
- K 49
● #558381 color description : Mostly desaturated dark cyan.
#558381 Color Conversion
The hexadecimal color #558381 has RGB values of R:85, G:131, B:129 and CMYK values of C:0.35, M:0, Y:0.02, K:0.49. Its decimal value is 5604225.
Hex triplet | 558381 | #558381 |
---|---|---|
RGB Decimal | 85, 131, 129 | rgb(85,131,129) |
RGB Percent | 33.3, 51.4, 50.6 | rgb(33.3%,51.4%,50.6%) |
CMYK | 35, 0, 2, 49 | |
HSL | 177.4°, 21.3, 42.4 | hsl(177.4,21.3%,42.4%) |
HSV (or HSB) | 177.4°, 35.1, 51.4 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 51.551, -16.108, -3.917 |
---|---|
XYZ | 15.824, 19.748, 23.746 |
xyY | 0.267, 0.333, 19.748 |
CIE-LCH | 51.551, 16.577, 193.668 |
CIE-LUV | 51.551, -21.913, -3.099 |
Hunter-Lab | 44.439, -14.207, -0.574 |
Binary | 01010101, 10000011, 10000001 |
Color Schemes with #558381
Alternatives to #558381
Below, you can see some colors close to #558381. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558381 Preview
This text has a font color of #558381.
<span style="color:#558381;">Text here</span>
This paragraph has a background color of #558381.
<p style="background-color:#558381;">Content here</p>
This element has a border color of #558381.
<div style="border:1px solid #558381;">Content here</div>
.text {color:#558381;}
.background {background-color:#558381;}
.border {border:1px solid #558381;}
Shades and Tints of #558381
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, #000000 is the darkest color, while #f3f7f7 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#080c0c
#080c0c
rgb(8,12,12)
-
#101818
#101818
rgb(16,24,24)
-
#172423
#172423
rgb(23,36,35)
-
#1f302f
#1f302f
rgb(31,48,47)
-
#273c3b
#273c3b
rgb(39,60,59)
-
#2e4846
#2e4846
rgb(46,72,70)
-
#365352
#365352
rgb(54,83,82)
-
#3e5f5e
#3e5f5e
rgb(62,95,94)
-
#466b6a
#466b6a
rgb(70,107,106)
-
#4d7775
#4d7775
rgb(77,119,117)
-
#558381
#558381
rgb(85,131,129)
-
#5d8f8d
#5d8f8d
rgb(93,143,141)
-
#649b98
#649b98
rgb(100,155,152)
-
#70a2a0
#70a2a0
rgb(112,162,160)
-
#7caaa8
#7caaa8
rgb(124,170,168)
-
#88b2b0
#88b2b0
rgb(136,178,176)
-
#94bab8
#94bab8
rgb(148,186,184)
-
#a0c1c0
#a0c1c0
rgb(160,193,192)
-
#acc9c8
#acc9c8
rgb(172,201,200)
-
#b8d1d0
#b8d1d0
rgb(184,209,208)
-
#c4d8d8
#c4d8d8
rgb(196,216,216)
-
#d0e0df
#d0e0df
rgb(208,224,223)
-
#dbe8e7
#dbe8e7
rgb(219,232,231)
-
#e7f0ef
#e7f0ef
rgb(231,240,239)
-
#f3f7f7
#f3f7f7
rgb(243,247,247)
Tones of #558381
A tone is produced by adding gray to any pure hue. In this case, #667272 is the less saturated color, while #02d6cd is the most saturated one.
-
#667272
#667272
rgb(102,114,114)
-
#5d7b79
#5d7b79
rgb(93,123,121)
-
#558381
#558381
rgb(85,131,129)
-
#4d8b89
#4d8b89
rgb(77,139,137)
-
#449490
#449490
rgb(68,148,144)
-
#3c9c98
#3c9c98
rgb(60,156,152)
-
#34a49f
#34a49f
rgb(52,164,159)
-
#2bada7
#2bada7
rgb(43,173,167)
-
#23b5af
#23b5af
rgb(35,181,175)
-
#1bbdb6
#1bbdb6
rgb(27,189,182)
-
#13c5be
#13c5be
rgb(19,197,190)
-
#0acec5
#0acec5
rgb(10,206,197)
-
#02d6cd
#02d6cd
rgb(2,214,205)
Color Blindness Simulator
Below, you can see how #558381 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.