#558d75 hex color

In a RGB color space, hex #558d75 is composed of 33.3% red, 55.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 0% magenta, 17% yellow and 44.7% black. It has a hue angle of 154.3 degrees, a saturation of 24.8% and a lightness of 44.3%. #558d75 color hex could be obtained by blending #aaffea with #001b00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 33
- G 55
- B 46
RGB color chart
- C 40
- M 0
- Y 17
- K 45
CMYK color chart

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

The hexadecimal color #558d75 has RGB values of R:85, G:141, B:117 and CMYK values of C:0.4, M:0, Y:0.17, K:0.45. Its decimal value is 5606773.

Hex triplet	558d75	`#558d75`
RGB Decimal	85, 141, 117	`rgb(85,141,117)`
RGB Percent	33.3, 55.3, 45.9	`rgb(33.3%,55.3%,45.9%)`
CMYK	40, 0, 17, 45
HSL	154.3°, 24.8, 44.3	`hsl(154.3,24.8%,44.3%)`
HSV (or HSB)	154.3°, 39.7, 55.3
Web Safe	669966	`#669966`

CIE-LAB	54.307, -24.229, 7.043
XYZ	16.481, 22.265, 20.258
xyY	0.279, 0.377, 22.265
CIE-LCH	54.307, 25.231, 163.792
CIE-LUV	54.307, -26.493, 13.375
Hunter-Lab	47.185, -20.227, 7.575
Binary	01010101, 10001101, 01110101

#558d75
```
#558d75 rgb(85,141,117)
```
#8d556d
```
#8d556d rgb(141,85,109)
```

Complementary Color

#558d59
```
#558d59 rgb(85,141,89)
```
#558d75
```
#558d75 rgb(85,141,117)
```
#55898d
```
#55898d rgb(85,137,141)
```

Analogous Color

#8d5955
```
#8d5955 rgb(141,89,85)
```
#558d75
```
#558d75 rgb(85,141,117)
```
#8d5589
```
#8d5589 rgb(141,85,137)
```

Split Complementary Color

#8d7555
```
#8d7555 rgb(141,117,85)
```
#558d75
```
#558d75 rgb(85,141,117)
```
#75558d
```
#75558d rgb(117,85,141)
```

Triadic Color

#6d8d55
```
#6d8d55 rgb(109,141,85)
```
#558d75
```
#558d75 rgb(85,141,117)
```
#75558d
```
#75558d rgb(117,85,141)
```
#8d556d
```
#8d556d rgb(141,85,109)
```

Tetradic Color

#385d4d
```
#385d4d rgb(56,93,77)
```
#426d5b
```
#426d5b rgb(66,109,91)
```
#4b7d68
```
#4b7d68 rgb(75,125,104)
```
#558d75
```
#558d75 rgb(85,141,117)
```
#5f9d82
```
#5f9d82 rgb(95,157,130)
```
#6ea78f
```
#6ea78f rgb(110,167,143)
```
#7eb19b
```
#7eb19b rgb(126,177,155)
```

Monochromatic Color

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

#558d67
```
#558d67 rgb(85,141,103)
```
#558d6c
```
#558d6c rgb(85,141,108)
```
#558d70
```
#558d70 rgb(85,141,112)
```
#558d75
```
#558d75 rgb(85,141,117)
```
#558d7a
```
#558d7a rgb(85,141,122)
```
#558d7e
```
#558d7e rgb(85,141,126)
```
#558d83
```
#558d83 rgb(85,141,131)
```

Similar Colors

Text with hexadecimal color #558d75

This text has a font color of #558d75.

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

#558d75 background color

This paragraph has a background color of #558d75.

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

#558d75 border color

This element has a border color of #558d75.

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

CSS codes

.text {color:#558d75;}

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

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

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

#040605
```
#040605 rgb(4,6,5)
```
#0b130f
```
#0b130f rgb(11,19,15)
```
#131f1a
```
#131f1a rgb(19,31,26)
```
#1a2b24
```
#1a2b24 rgb(26,43,36)
```
#21372e
```
#21372e rgb(33,55,46)
```
#294438
```
#294438 rgb(41,68,56)
```
#305042
```
#305042 rgb(48,80,66)
```
#375c4c
```
#375c4c rgb(55,92,76)
```
#3f6857
```
#3f6857 rgb(63,104,87)
```
#467561
```
#467561 rgb(70,117,97)
```
#4e816b
```
#4e816b rgb(78,129,107)
```
#558d75
```
#558d75 rgb(85,141,117)
```
#5c997f
```
#5c997f rgb(92,153,127)
```

Shade Color Variation

#66a389
```
#66a389 rgb(102,163,137)
```
#73aa92
```
#73aa92 rgb(115,170,146)
```
#7fb29c
```
#7fb29c rgb(127,178,156)
```
#8bb9a5
```
#8bb9a5 rgb(139,185,165)
```
#97c0af
```
#97c0af rgb(151,192,175)
```
#a3c8b8
```
#a3c8b8 rgb(163,200,184)
```
#b0cfc2
```
#b0cfc2 rgb(176,207,194)
```
#bcd7cb
```
#bcd7cb rgb(188,215,203)
```
#c8ded5
```
#c8ded5 rgb(200,222,213)
```
#d4e5de
```
#d4e5de rgb(212,229,222)
```
#e1ede8
```
#e1ede8 rgb(225,237,232)
```
#edf4f1
```
#edf4f1 rgb(237,244,241)
```
#f9fbfa
```
#f9fbfa rgb(249,251,250)
```

Tint Color Variation

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

#6f7371
```
#6f7371 rgb(111,115,113)
```
#667c73
```
#667c73 rgb(102,124,115)
```
#5e8474
```
#5e8474 rgb(94,132,116)
```
#558d75
```
#558d75 rgb(85,141,117)
```
#4c9676
```
#4c9676 rgb(76,150,118)
```
#449e77
```
#449e77 rgb(68,158,119)
```
#3ba779
```
#3ba779 rgb(59,167,121)
```
#32b07a
```
#32b07a rgb(50,176,122)
```
#2ab87b
```
#2ab87b rgb(42,184,123)
```
#21c17c
```
#21c17c rgb(33,193,124)
```
#18ca7e
```
#18ca7e rgb(24,202,126)
```
#0fd37f
```
#0fd37f rgb(15,211,127)
```
#07db80
```
#07db80 rgb(7,219,128)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#737e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8776 Protanopia 1% of men
#978481 Deuteranopia 1% of men
#668e99 Tritanopia 0.001% of the population

Trichromacy

#798976 Protanomaly 1% of men, 0.01% of women
#7f877c Deuteranomaly 6% of men, 0.4% of women
#5f8e8b Tritanomaly 0.01% of the population

#558d75 hex color

#558d75 Color Information

#558d75 Color Conversion

Color Schemes with #558d75

Alternatives to #558d75

#558d75 Preview

Shades and Tints of #558d75

Tones of #558d75

Color Blindness Simulator