# #5bb99a color: Expressionism Green

#5bb99a is rgb(91, 185, 154) in RGB and oklch(71.947% 0.10144 169.441) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/5bb99a

## Formats

| Format | Value |
| --- | --- |
| HEX | #5bb99a |
| RGB | rgb(91, 185, 154) |
| HSL | hsl(160.21, 40.17%, 54.12%) |
| HSB / HSV | hsv(160.21 50.81% 72.55%) |
| HWB | hwb(160.21 35.69% 27.45%) |
| CMYK | cmyk(51% 0% 17% 27%) |
| Lab | lab(68.8 -34.93 6.82) |
| LCH | lch(68.8 35.59 168.95) |
| OKLab | oklab(71.947% -0.09972 0.01859) |
| OKLCH | oklch(71.947% 0.10144 169.441) |
| Display P3 | color(display-p3 0.45188 0.71696 0.61067) |
| Rec. 2020 | color(rec2020 0.47841 0.67353 0.57166) |
| Adobe RGB | color(a98-rgb 0.49503 0.71972 0.60388) |
| ProPhoto RGB | color(prophoto-rgb 0.47411 0.63627 0.54784) |
| Linear sRGB | color(srgb-linear 0.10462 0.48515 0.32314) |
| XYZ D65 | color(xyz-d65 0.27495 0.39254 0.36701) |
| XYZ D50 | color(xyz-d50 0.27871 0.39066 0.27931) |
| SwiftUI | Color(red: 0.357, green: 0.725, blue: 0.604) |
| UIKit | UIColor(red: 0.357, green: 0.725, blue: 0.604, alpha: 1) |
| Flutter / Compose | Color(0xFF5BB99A) |
| Android XML | #5BB99A |

## Facts

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

## Tints

#5bb99a, #6ec0a4, #80c7ad, #91ceb7, #a1d5c1, #b1dccb, #c1e3d6, #d0eae0, #e0f1ea, #f0f8f5

## Shades

#5bb99a, #4ea085, #418971, #35715e, #295b4b, #1e4639, #133127, #091e17, #030d09, #000201

## Tones

#5bb99a, #65b79b, #6eb59c, #76b39d, #7eb19e, #85af9f, #8cada0, #93aba1, #99a9a2, #9fa7a3

## Harmonies

- Complementary: #5bb99a, #d48aae
- Split: #5bb99a, #c090cd, #dd8a8b
- Analogous: #5bb99a, #83b476, #45b8bd
- Triadic: #5bb99a, #a39ae0, #d8916a
- Tetradic: #5bb99a, #59b0d7, #d48aae, #d8916a
- Square: #5bb99a, #7ea5e4, #d48aae, #c69d57
- Monochromatic: #5bb99a, #006f54, #319376, #82e0c0, #b2ffe8

## Questions about #5bb99a

### What color is #5bb99a?

#5bb99a is bright light emerald. The closest named color is Expressionism Green. In RGB it is rgb(91, 185, 154), in HSL hsl(160.21, 40.17%, 54.12%) and in OKLCH oklch(71.947% 0.10144 169.441).

### What colors go well with #5bb99a?

The complementary color of #5bb99a is #d48aae. For a calmer combination use the analogous colors #83b476 and #45b8bd. The triadic partners are #a39ae0 and #d8916a.

### Is white or black text more readable on #5bb99a?

Black text reads better on #5bb99a: white gives a contrast ratio of 2.37:1 and black gives 8.85:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #5bb99a a warm or cool color?

#5bb99a is a cool color. In OKLCH its hue is 169 degrees, its lightness 71.9% and its chroma 0.101.