# #5ccaaa color: Tropical Tide

#5ccaaa is rgb(92, 202, 170) in RGB and oklch(76.568% 0.1121 171.516) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5ccaaa |
| RGB | rgb(92, 202, 170) |
| HSL | hsl(162.55, 50.93%, 57.65%) |
| HSB / HSV | hsv(162.55 54.46% 79.22%) |
| HWB | hwb(162.55 36.08% 20.78%) |
| CMYK | cmyk(54% 0% 16% 21%) |
| Lab | lab(74.29 -38.87 5.99) |
| LCH | lch(74.29 39.33 171.23) |
| OKLab | oklab(76.568% -0.11087 0.01654) |
| OKLCH | oklch(76.568% 0.1121 171.516) |
| Display P3 | color(display-p3 0.47644 0.78249 0.67307) |
| Rec. 2020 | color(rec2020 0.51966 0.74417 0.6397) |
| Adobe RGB | color(a98-rgb 0.52732 0.78707 0.66651) |
| ProPhoto RGB | color(prophoto-rgb 0.51997 0.70846 0.61692) |
| Linear sRGB | color(srgb-linear 0.10702 0.59062 0.40198) |
| XYZ D65 | color(xyz-d65 0.32788 0.47417 0.45456) |
| XYZ D50 | color(xyz-d50 0.33166 0.47159 0.34588) |
| SwiftUI | Color(red: 0.361, green: 0.792, blue: 0.667) |
| UIKit | UIColor(red: 0.361, green: 0.792, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF5CCAAA) |
| Android XML | #5CCAAA |

## Facts

- Closest name: Tropical Tide
- Hue family: Emerald, bright light emerald
- Closest Tailwind class: teal-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2:1
- Contrast with black: 10.48:1

## Tints

#5ccaaa, #70cfb2, #83d5bb, #94dac3, #a4e0cb, #b4e5d4, #c3eadc, #d2f0e5, #e1f5ee, #f0faf6

## Shades

#5ccaaa, #4faf93, #42957d, #367c68, #2a6453, #1f4d3f, #14372d, #0a221b, #030f0b, #000201

## Tones

#5ccaaa, #69c8ab, #74c6ac, #7dc4ad, #87c1ae, #8fbfae, #97bdaf, #9ebab0, #a5b8b1, #acb5b2

## Harmonies

- Complementary: #5ccaaa, #ea95bb
- Split: #5ccaaa, #d49bde, #f29593
- Analogous: #5ccaaa, #8ac582, #45c8d1
- Triadic: #5ccaaa, #b4a6f5, #ec9e6f
- Tetradic: #5ccaaa, #5fbfee, #ea95bb, #ec9e6f
- Square: #5ccaaa, #8bb3fa, #ea95bb, #d7ab5a
- Monochromatic: #5ccaaa, #007f62, #2fa485, #85f2d0, #c1ffef

## Questions about #5ccaaa

### What color is #5ccaaa?

#5ccaaa is bright light emerald. The closest named color is Tropical Tide. In RGB it is rgb(92, 202, 170), in HSL hsl(162.55, 50.93%, 57.65%) and in OKLCH oklch(76.568% 0.1121 171.516).

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

The complementary color of #5ccaaa is #ea95bb. For a calmer combination use the analogous colors #8ac582 and #45c8d1. The triadic partners are #b4a6f5 and #ec9e6f.

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

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

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

#5ccaaa is a cool color. In OKLCH its hue is 172 degrees, its lightness 76.6% and its chroma 0.112.