# #58b396 color: Electra

#58b396 is rgb(88, 179, 150) in RGB and oklch(70.243% 0.09814 170.182) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #58b396 |
| RGB | rgb(88, 179, 150) |
| HSL | hsl(160.88, 37.45%, 52.35%) |
| HSB / HSV | hsv(160.88 50.84% 70.2%) |
| HWB | hwb(160.88 34.51% 29.8%) |
| CMYK | cmyk(51% 0% 16% 30%) |
| Lab | lab(66.78 -33.86 6.11) |
| LCH | lch(66.78 34.4 169.76) |
| OKLab | oklab(70.243% -0.0967 0.01673) |
| OKLCH | oklch(70.243% 0.09814 170.182) |
| Display P3 | color(display-p3 0.437 0.69369 0.59436) |
| Rec. 2020 | color(rec2020 0.46013 0.64846 0.55383) |
| Adobe RGB | color(a98-rgb 0.47906 0.69608 0.58796) |
| ProPhoto RGB | color(prophoto-rgb 0.45606 0.61097 0.52973) |
| Linear sRGB | color(srgb-linear 0.09759 0.45079 0.30499) |
| XYZ D65 | color(xyz-d65 0.25648 0.36516 0.34552) |
| XYZ D50 | color(xyz-d50 0.25981 0.36336 0.26291) |
| SwiftUI | Color(red: 0.345, green: 0.702, blue: 0.588) |
| UIKit | UIColor(red: 0.345, green: 0.702, blue: 0.588, alpha: 1) |
| Flutter / Compose | Color(0xFF58B396) |
| Android XML | #58B396 |

## Facts

- Closest name: Electra
- Hue family: Emerald, bright light emerald
- Closest Tailwind class: teal-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.53:1
- Contrast with black: 8.3:1

## Tints

#58b396, #6bbba0, #7dc2aa, #8ecab4, #9fd1bf, #afd9c9, #bfe1d4, #cfe8df, #dff0e9, #eff7f4

## Shades

#58b396, #4b9b82, #3f846e, #336e5b, #285849, #1d4337, #122f26, #091d16, #030c08, #000101

## Tones

#58b396, #62b197, #6baf98, #73ad99, #7aab9a, #81aa9b, #88a79b, #8ea59c, #94a39d, #99a19e

## Harmonies

- Complementary: #58b396, #ce86a8
- Split: #58b396, #bb8bc5, #d58686
- Analogous: #58b396, #7eae74, #44b1b7
- Triadic: #58b396, #9e95d8, #d18d66
- Tetradic: #58b396, #57aad1, #ce86a8, #d18d66
- Square: #58b396, #7ba0dc, #ce86a8, #bf9854
- Monochromatic: #58b396, #006a50, #2e8e72, #7fdabb, #a7ffe2

## Questions about #58b396

### What color is #58b396?

#58b396 is bright light emerald. The closest named color is Electra. In RGB it is rgb(88, 179, 150), in HSL hsl(160.88, 37.45%, 52.35%) and in OKLCH oklch(70.243% 0.09814 170.182).

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

The complementary color of #58b396 is #ce86a8. For a calmer combination use the analogous colors #7eae74 and #44b1b7. The triadic partners are #9e95d8 and #d18d66.

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

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

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

#58b396 is a cool color. In OKLCH its hue is 170 degrees, its lightness 70.2% and its chroma 0.098.