# #558e58 color: Middle Green

#558e58 is rgb(85, 142, 88) in RGB and oklch(59.291% 0.10092 145.335) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/558e58

## Formats

| Format | Value |
| --- | --- |
| HEX | #558e58 |
| RGB | rgb(85, 142, 88) |
| HSL | hsl(123.16, 25.11%, 44.51%) |
| HSB / HSV | hsv(123.16 40.14% 55.69%) |
| HWB | hwb(123.16 33.33% 44.31%) |
| CMYK | cmyk(40% 0% 38% 44%) |
| Lab | lab(54.03 -28.4 22.7) |
| LCH | lch(54.03 36.35 141.37) |
| OKLab | oklab(59.291% -0.08301 0.0574) |
| OKLCH | oklch(59.291% 0.10092 145.335) |
| Display P3 | color(display-p3 0.38521 0.55121 0.36555) |
| Rec. 2020 | color(rec2020 0.36923 0.49625 0.3123) |
| Adobe RGB | color(a98-rgb 0.41169 0.55182 0.3584) |
| ProPhoto RGB | color(prophoto-rgb 0.34998 0.46083 0.30479) |
| Linear sRGB | color(srgb-linear 0.09084 0.2705 0.09759) |
| XYZ D65 | color(xyz-d65 0.1518 0.21981 0.12676) |
| XYZ D50 | color(xyz-d50 0.15776 0.22004 0.09721) |
| SwiftUI | Color(red: 0.333, green: 0.557, blue: 0.345) |
| UIKit | UIColor(red: 0.333, green: 0.557, blue: 0.345, alpha: 1) |
| Flutter / Compose | Color(0xFF558E58) |
| Android XML | #558E58 |

## Facts

- Closest name: Middle Green
- Hue family: Green, soft green
- Closest Tailwind class: emerald-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.89:1
- Contrast with black: 5.4:1

## Tints

#558e58, #669968, #77a478, #87af88, #98ba99, #a9c6a9, #bad1ba, #cbdccb, #dce8dc, #edf3ed

## Shades

#558e58, #497b4b, #3d683f, #315633, #264428, #1c341d, #112412, #081509, #020703, #000100

## Tones

#558e58, #5a8d5c, #5f8b60, #638a64, #678868, #6c866c, #6f8570, #738373, #778277, #7a807a

## Harmonies

- Complementary: #558e58, #9d689f
- Split: #558e58, #8371b4, #ad6481
- Analogous: #558e58, #7c8539, #25917b
- Triadic: #558e58, #617cbb, #b2655f
- Tetradic: #558e58, #028f9b, #9d689f, #b2655f
- Square: #558e58, #3787b2, #9d689f, #ac6d3f
- Monochromatic: #558e58, #0b4815, #326a36, #79b37b, #9edaa0

## Questions about #558e58

### What color is #558e58?

#558e58 is soft green. The closest named color is Middle Green. In RGB it is rgb(85, 142, 88), in HSL hsl(123.16, 25.11%, 44.51%) and in OKLCH oklch(59.291% 0.10092 145.335).

### What colors go well with #558e58?

The complementary color of #558e58 is #9d689f. For a calmer combination use the analogous colors #7c8539 and #25917b. The triadic partners are #617cbb and #b2655f.

### Is white or black text more readable on #558e58?

White text reads better on #558e58: white gives a contrast ratio of 3.89:1 and black gives 5.4:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #558e58 a warm or cool color?

#558e58 is a neutral color. In OKLCH its hue is 145 degrees, its lightness 59.3% and its chroma 0.101.