#558f80 hex color

In a RGB color space, hex #558f80 is composed of 33.3% red, 56.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 0% magenta, 10.5% yellow and 43.9% black. It has a hue angle of 164.5 degrees, a saturation of 25.4% and a lightness of 44.7%. #558f80 color hex could be obtained by blending #aaffff with #001f01. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 56
- B 50
RGB color chart
- C 41
- M 0
- Y 10
- K 44
CMYK color chart

● #558f80 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #558f80 has RGB values of R:85, G:143, B:128 and CMYK values of C:0.41, M:0, Y:0.1, K:0.44. Its decimal value is 5607296.

Hex triplet	558f80	`#558f80`
RGB Decimal	85, 143, 128	`rgb(85,143,128)`
RGB Percent	33.3, 56.1, 50.2	`rgb(33.3%,56.1%,50.2%)`
CMYK	41, 0, 10, 44
HSL	164.5°, 25.4, 44.7	`hsl(164.5,25.4%,44.7%)`
HSV (or HSB)	164.5°, 40.6, 56.1
Web Safe	669999	`#669999`

CIE-LAB	55.21, -22.686, 2.02
XYZ	17.464, 23.134, 23.966
xyY	0.27, 0.358, 23.134
CIE-LCH	55.21, 22.776, 174.912
CIE-LUV	55.21, -27.098, 6.311
Hunter-Lab	48.098, -19.359, 4.125
Binary	01010101, 10001111, 10000000

#558f80
```
#558f80 rgb(85,143,128)
```
#8f5564
```
#8f5564 rgb(143,85,100)
```

Complementary Color

#558f63
```
#558f63 rgb(85,143,99)
```
#558f80
```
#558f80 rgb(85,143,128)
```
#55818f
```
#55818f rgb(85,129,143)
```

Analogous Color

#8f6355
```
#8f6355 rgb(143,99,85)
```
#558f80
```
#558f80 rgb(85,143,128)
```
#8f5581
```
#8f5581 rgb(143,85,129)
```

Split Complementary Color

#8f8055
```
#8f8055 rgb(143,128,85)
```
#558f80
```
#558f80 rgb(85,143,128)
```
#80558f
```
#80558f rgb(128,85,143)
```

Triadic Color

#648f55
```
#648f55 rgb(100,143,85)
```
#558f80
```
#558f80 rgb(85,143,128)
```
#80558f
```
#80558f rgb(128,85,143)
```
#8f5564
```
#8f5564 rgb(143,85,100)
```

Tetradic Color

#385f55
```
#385f55 rgb(56,95,85)
```
#426f63
```
#426f63 rgb(66,111,99)
```
#4b7f72
```
#4b7f72 rgb(75,127,114)
```
#558f80
```
#558f80 rgb(85,143,128)
```
#5f9f8e
```
#5f9f8e rgb(95,159,142)
```
#6ea99a
```
#6ea99a rgb(110,169,154)
```
#7eb2a5
```
#7eb2a5 rgb(126,178,165)
```

Monochromatic Color

Below, you can see some colors close to #558f80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#558f72
```
#558f72 rgb(85,143,114)
```
#558f76
```
#558f76 rgb(85,143,118)
```
#558f7b
```
#558f7b rgb(85,143,123)
```
#558f80
```
#558f80 rgb(85,143,128)
```
#558f85
```
#558f85 rgb(85,143,133)
```
#558f8a
```
#558f8a rgb(85,143,138)
```
#558f8f
```
#558f8f rgb(85,143,143)
```

Similar Colors

Text with hexadecimal color #558f80

This text has a font color of #558f80.

<span style="color:#558f80;">Text here</span>

#558f80 background color

This paragraph has a background color of #558f80.

<p style="background-color:#558f80;">Content here</p>

#558f80 border color

This element has a border color of #558f80.

<div style="border:1px solid #558f80;">Content here</div>

CSS codes

.text {color:#558f80;}

.background {background-color:#558f80;}

.border {border:1px solid #558f80;}

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, #050807 is the darkest color, while #fafcfc is the lightest one.

#050807
```
#050807 rgb(5,8,7)
```
#0c1412
```
#0c1412 rgb(12,20,18)
```
#13201d
```
#13201d rgb(19,32,29)
```
#1a2d28
```
#1a2d28 rgb(26,45,40)
```
#223933
```
#223933 rgb(34,57,51)
```
#29453e
```
#29453e rgb(41,69,62)
```
#305149
```
#305149 rgb(48,81,73)
```
#385e54
```
#385e54 rgb(56,94,84)
```
#3f6a5f
```
#3f6a5f rgb(63,106,95)
```
#46766a
```
#46766a rgb(70,118,106)
```
#4e8375
```
#4e8375 rgb(78,131,117)
```
#558f80
```
#558f80 rgb(85,143,128)
```
#5c9b8b
```
#5c9b8b rgb(92,155,139)
```

Shade Color Variation

#67a495
```
#67a495 rgb(103,164,149)
```
#73ac9d
```
#73ac9d rgb(115,172,157)
```
#7fb3a6
```
#7fb3a6 rgb(127,179,166)
```
#8cbaae
```
#8cbaae rgb(140,186,174)
```
#98c2b7
```
#98c2b7 rgb(152,194,183)
```
#a4c9c0
```
#a4c9c0 rgb(164,201,192)
```
#b1d0c8
```
#b1d0c8 rgb(177,208,200)
```
#bdd8d1
```
#bdd8d1 rgb(189,216,209)
```
#c9dfd9
```
#c9dfd9 rgb(201,223,217)
```
#d5e6e2
```
#d5e6e2 rgb(213,230,226)
```
#e2eeeb
```
#e2eeeb rgb(226,238,235)
```
#eef5f3
```
#eef5f3 rgb(238,245,243)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7573 is the less saturated color, while #06dea6 is the most saturated one.

#6f7573
```
#6f7573 rgb(111,117,115)
```
#677d78
```
#677d78 rgb(103,125,120)
```
#5e867c
```
#5e867c rgb(94,134,124)
```
#558f80
```
#558f80 rgb(85,143,128)
```
#4c9884
```
#4c9884 rgb(76,152,132)
```
#43a188
```
#43a188 rgb(67,161,136)
```
#3ba98d
```
#3ba98d rgb(59,169,141)
```
#32b291
```
#32b291 rgb(50,178,145)
```
#29bb95
```
#29bb95 rgb(41,187,149)
```
#20c499
```
#20c499 rgb(32,196,153)
```
#18cc9e
```
#18cc9e rgb(24,204,158)
```
#0fd5a2
```
#0fd5a2 rgb(15,213,162)
```
#06dea6
```
#06dea6 rgb(6,222,166)
```

Tone Color Variation

Below, you can see how #558f80 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.

Monochromacy

#7c7c7c Achromatopsia 0.005% of the population
#74807d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8a81 Protanopia 1% of men
#96868b Deuteranopia 1% of men
#64919c Tritanopia 0.001% of the population

Trichromacy

#7a8b80 Protanomaly 1% of men, 0.01% of women
#7e8987 Deuteranomaly 6% of men, 0.4% of women
#5e9091 Tritanomaly 0.01% of the population

#558f80 hex color

#558f80 Color Information

#558f80 Color Conversion

Color Schemes with #558f80

Alternatives to #558f80

#558f80 Preview

Shades and Tints of #558f80

Tones of #558f80

Color Blindness Simulator