#558171 Color Information
In a RGB color space, hex #558171 is composed of 33.3% red, 50.6% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 34.1% cyan, 0% magenta, 12.4% yellow and 49.4% black. It has a hue angle of 158.2 degrees, a saturation of 20.6% and a lightness of 42%. #558171 color hex could be obtained by blending #aaffe2 with #000300. Closest websafe color is: #669966.
-
- R 33
- G 51
- B 44
-
- C 34
- M 0
- Y 12
- K 49
● #558171 color description : Mostly desaturated dark cyan - lime green.
#558171 Color Conversion
The hexadecimal color #558171 has RGB values of R:85, G:129, B:113 and CMYK values of C:0.34, M:0, Y:0.12, K:0.49. Its decimal value is 5603697.
Hex triplet | 558171 | #558171 |
---|---|---|
RGB Decimal | 85, 129, 113 | rgb(85,129,113) |
RGB Percent | 33.3, 50.6, 44.3 | rgb(33.3%,50.6%,44.3%) |
CMYK | 34, 0, 12, 49 | |
HSL | 158.2°, 20.6, 42 | hsl(158.2,20.6%,42%) |
HSV (or HSB) | 158.2°, 34.1, 50.6 | |
Web Safe | 669966 | #669966 |
CIE-LAB | 50.48, -18.918, 3.873 |
---|---|
XYZ | 14.576, 18.823, 18.487 |
xyY | 0.281, 0.363, 18.823 |
CIE-LCH | 50.48, 19.311, 168.429 |
CIE-LUV | 50.48, -21.25, 8.146 |
Hunter-Lab | 43.386, -15.955, 5.106 |
Binary | 01010101, 10000001, 01110001 |
Color Schemes with #558171
Alternatives to #558171
Below, you can see some colors close to #558171. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558171 Preview
This text has a font color of #558171.
<span style="color:#558171;">Text here</span>
This paragraph has a background color of #558171.
<p style="background-color:#558171;">Content here</p>
This element has a border color of #558171.
<div style="border:1px solid #558171;">Content here</div>
.text {color:#558171;}
.background {background-color:#558171;}
.border {border:1px solid #558171;}
Shades and Tints of #558171
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, #070b09 is the darkest color, while #fefefe is the lightest one.
-
#070b09
#070b09
rgb(7,11,9)
-
#0f1714
#0f1714
rgb(15,23,20)
-
#17221e
#17221e
rgb(23,34,30)
-
#1e2e28
#1e2e28
rgb(30,46,40)
-
#263a33
#263a33
rgb(38,58,51)
-
#2e463d
#2e463d
rgb(46,70,61)
-
#365248
#365248
rgb(54,82,72)
-
#3e5e52
#3e5e52
rgb(62,94,82)
-
#45695c
#45695c
rgb(69,105,92)
-
#4d7567
#4d7567
rgb(77,117,103)
-
#558171
#558171
rgb(85,129,113)
-
#5d8d7b
#5d8d7b
rgb(93,141,123)
-
#659986
#659986
rgb(101,153,134)
-
#70a18f
#70a18f
rgb(112,161,143)
-
#7ca998
#7ca998
rgb(124,169,152)
-
#88b0a2
#88b0a2
rgb(136,176,162)
-
#94b8ab
#94b8ab
rgb(148,184,171)
-
#9fc0b4
#9fc0b4
rgb(159,192,180)
-
#abc8bd
#abc8bd
rgb(171,200,189)
-
#b7d0c7
#b7d0c7
rgb(183,208,199)
-
#c3d7d0
#c3d7d0
rgb(195,215,208)
-
#cfdfd9
#cfdfd9
rgb(207,223,217)
-
#dae7e2
#dae7e2
rgb(218,231,226)
-
#e6efec
#e6efec
rgb(230,239,236)
-
#f2f7f5
#f2f7f5
rgb(242,247,245)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #558171
A tone is produced by adding gray to any pure hue. In this case, #65716d is the less saturated color, while #03d387 is the most saturated one.
-
#65716d
#65716d
rgb(101,113,109)
-
#5d796f
#5d796f
rgb(93,121,111)
-
#558171
#558171
rgb(85,129,113)
-
#4d8973
#4d8973
rgb(77,137,115)
-
#459175
#459175
rgb(69,145,117)
-
#3c9a78
#3c9a78
rgb(60,154,120)
-
#34a27a
#34a27a
rgb(52,162,122)
-
#2caa7c
#2caa7c
rgb(44,170,124)
-
#24b27e
#24b27e
rgb(36,178,126)
-
#1bbb81
#1bbb81
rgb(27,187,129)
-
#13c383
#13c383
rgb(19,195,131)
-
#0bcb85
#0bcb85
rgb(11,203,133)
-
#03d387
#03d387
rgb(3,211,135)
Color Blindness Simulator
Below, you can see how #558171 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.