# #5bb2a3 color: Emerald Wave

#5bb2a3 is rgb(91, 178, 163) in RGB and oklch(70.502% 0.08755 181.042) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5bb2a3 |
| RGB | rgb(91, 178, 163) |
| HSL | hsl(169.66, 36.1%, 52.75%) |
| HSB / HSV | hsv(169.66 48.88% 69.8%) |
| HWB | hwb(169.66 35.69% 30.2%) |
| CMYK | cmyk(49% 0% 8% 30%) |
| Lab | lab(66.87 -30.31 -0.84) |
| LCH | lch(66.87 30.32 181.59) |
| OKLab | oklab(70.502% -0.08753 -0.00159) |
| OKLCH | oklch(70.502% 0.08755 181.042) |
| Display P3 | color(display-p3 0.44308 0.69001 0.6402) |
| Rec. 2020 | color(rec2020 0.46599 0.64532 0.60253) |
| Adobe RGB | color(a98-rgb 0.48282 0.69214 0.63591) |
| ProPhoto RGB | color(prophoto-rgb 0.46687 0.60894 0.57656) |
| Linear sRGB | color(srgb-linear 0.10462 0.4452 0.36625) |
| XYZ D65 | color(xyz-d65 0.26844 0.36708 0.40322) |
| XYZ D50 | color(xyz-d50 0.26949 0.36464 0.30622) |
| SwiftUI | Color(red: 0.357, green: 0.698, blue: 0.639) |
| UIKit | UIColor(red: 0.357, green: 0.698, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF5BB2A3) |
| Android XML | #5BB2A3 |

## Facts

- Closest name: Emerald Wave
- Hue family: Teal, soft light teal
- Closest Tailwind class: teal-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.52:1
- Contrast with black: 8.34:1

## Tints

#5bb2a3, #6ebaac, #7fc1b5, #90c9be, #a0d1c7, #b0d8d0, #c0e0d9, #d0e8e3, #e0f0ec, #eff7f5

## Shades

#5bb2a3, #4e9a8d, #418378, #356d63, #29574f, #1e433c, #132f2a, #091d19, #030c0a, #000101

## Tones

#5bb2a3, #64b0a3, #6dafa2, #75ada2, #7caba2, #82a9a1, #89a8a1, #8fa6a1, #95a4a0, #9aa2a0

## Harmonies

- Complementary: #5bb2a3, #ce899d
- Split: #5bb2a3, #c08cb9, #d18c7f
- Analogous: #5bb2a3, #77b084, #56afbf
- Triadic: #5bb2a3, #a993ce, #c89367
- Tetradic: #5bb2a3, #6ca7d2, #ce899d, #c89367
- Square: #5bb2a3, #8c9dd7, #ce899d, #b49e5e
- Monochromatic: #5bb2a3, #00695c, #328d7f, #82d9c9, #a9fff0

## Questions about #5bb2a3

### What color is #5bb2a3?

#5bb2a3 is soft light teal. The closest named color is Emerald Wave. In RGB it is rgb(91, 178, 163), in HSL hsl(169.66, 36.1%, 52.75%) and in OKLCH oklch(70.502% 0.08755 181.042).

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

The complementary color of #5bb2a3 is #ce899d. For a calmer combination use the analogous colors #77b084 and #56afbf. The triadic partners are #a993ce and #c89367.

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

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

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

#5bb2a3 is a cool color. In OKLCH its hue is 181 degrees, its lightness 70.5% and its chroma 0.088.