# #58a178 color: Advertising Green

#58a178 is rgb(88, 161, 120) in RGB and oklch(64.981% 0.09659 157.629) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/58a178

## Formats

| Format | Value |
| --- | --- |
| HEX | #58a178 |
| RGB | rgb(88, 161, 120) |
| HSL | hsl(146.3, 29.32%, 48.82%) |
| HSB / HSV | hsv(146.3 45.34% 63.14%) |
| HWB | hwb(146.3 34.51% 36.86%) |
| CMYK | cmyk(45% 0% 25% 37%) |
| Lab | lab(60.66 -31.19 14.02) |
| LCH | lch(60.66 34.2 155.79) |
| OKLab | oklab(64.981% -0.08932 0.03676) |
| OKLCH | oklch(64.981% 0.09659 157.629) |
| Display P3 | color(display-p3 0.41488 0.62443 0.48282) |
| Rec. 2020 | color(rec2020 0.4173 0.57417 0.43493) |
| Adobe RGB | color(a98-rgb 0.44834 0.62555 0.47526) |
| ProPhoto RGB | color(prophoto-rgb 0.40408 0.53667 0.41588) |
| Linear sRGB | color(srgb-linear 0.09759 0.3564 0.18782) |
| XYZ D65 | color(xyz-d65 0.20159 0.2892 0.2229) |
| XYZ D50 | color(xyz-d50 0.2067 0.2886 0.17008) |
| SwiftUI | Color(red: 0.345, green: 0.631, blue: 0.471) |
| UIKit | UIColor(red: 0.345, green: 0.631, blue: 0.471, alpha: 1) |
| Flutter / Compose | Color(0xFF58A178) |
| Android XML | #58A178 |

## Facts

- Closest name: Advertising Green
- Hue family: Emerald, soft emerald
- Closest Tailwind class: emerald-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.1:1
- Contrast with black: 6.78:1

## Tints

#58a178, #6aaa85, #7bb492, #8cbd9f, #9cc6ac, #add0ba, #bdd9c7, #cde3d5, #deece3, #eef5f1

## Shades

#58a178, #4b8b67, #3f7657, #336248, #284e39, #1d3c2a, #122a1d, #091910, #030905, #000101

## Tones

#58a178, #5f9f7a, #669e7d, #6c9c7f, #729a81, #779884, #7c9786, #819588, #86938b, #8a918d

## Harmonies

- Complementary: #58a178, #b578a4
- Split: #58a178, #9f7fbd, #c17684
- Analogous: #58a178, #7e9a58, #37a29a
- Triadic: #58a178, #8189ca, #c27a64
- Tetradic: #58a178, #3b9db6, #b578a4, #c27a64
- Square: #58a178, #5d94c7, #b578a4, #b6834b
- Monochromatic: #58a178, #005935, #327c55, #7dc79c, #a4efc2

## Questions about #58a178

### What color is #58a178?

#58a178 is soft emerald. The closest named color is Advertising Green. In RGB it is rgb(88, 161, 120), in HSL hsl(146.3, 29.32%, 48.82%) and in OKLCH oklch(64.981% 0.09659 157.629).

### What colors go well with #58a178?

The complementary color of #58a178 is #b578a4. For a calmer combination use the analogous colors #7e9a58 and #37a29a. The triadic partners are #8189ca and #c27a64.

### Is white or black text more readable on #58a178?

Black text reads better on #58a178: white gives a contrast ratio of 3.1:1 and black gives 6.78:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #58a178 a warm or cool color?

#58a178 is a cool color. In OKLCH its hue is 158 degrees, its lightness 65% and its chroma 0.097.