# #5ecbc6 color: Setting Sail

#5ecbc6 is rgb(94, 203, 198) in RGB and oklch(77.722% 0.10026 191.232) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5ecbc6 |
| RGB | rgb(94, 203, 198) |
| HSL | hsl(177.25, 51.17%, 58.24%) |
| HSB / HSV | hsv(177.25 53.69% 79.61%) |
| HWB | hwb(177.25 36.86% 20.39%) |
| CMYK | cmyk(54% 0% 2% 20%) |
| Lab | lab(75.28 -33.55 -7.56) |
| LCH | lch(75.28 34.39 192.7) |
| OKLab | oklab(77.722% -0.09834 -0.01953) |
| OKLCH | oklch(77.722% 0.10026 191.232) |
| Display P3 | color(display-p3 0.48237 0.78644 0.77316) |
| Rec. 2020 | color(rec2020 0.53179 0.74978 0.74764) |
| Adobe RGB | color(a98-rgb 0.53257 0.79104 0.77201) |
| ProPhoto RGB | color(prophoto-rgb 0.54539 0.71634 0.72525) |
| Linear sRGB | color(srgb-linear 0.11193 0.5972 0.56471) |
| XYZ D65 | color(xyz-d65 0.36163 0.49167 0.61012) |
| XYZ D50 | color(xyz-d50 0.35962 0.48726 0.4628) |
| SwiftUI | Color(red: 0.369, green: 0.796, blue: 0.776) |
| UIKit | UIColor(red: 0.369, green: 0.796, blue: 0.776, alpha: 1) |
| Flutter / Compose | Color(0xFF5ECBC6) |
| Android XML | #5ECBC6 |

## Facts

- Closest name: Setting Sail
- Hue family: Cyan, bright light cyan
- Closest Tailwind class: teal-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.94:1
- Contrast with black: 10.83:1

## Tints

#5ecbc6, #72d0cc, #84d6d1, #95dbd7, #a5e0dd, #b5e5e2, #c4ebe8, #d3f0ee, #e2f5f3, #f1faf9

## Shades

#5ecbc6, #51b0ac, #449692, #377d7a, #2b6562, #1f4d4b, #143735, #0a2221, #030f0e, #000202

## Tones

#5ecbc6, #6bc9c4, #76c7c3, #80c5c1, #89c3c0, #92c1be, #9abfbd, #a1bdbb, #a9bbb9, #b0b9b8

## Harmonies

- Complementary: #5ecbc6, #ef9ca6
- Split: #5ecbc6, #e39dc9, #eea184
- Analogous: #5ecbc6, #79cba2, #65c5e4
- Triadic: #5ecbc6, #cba4e6, #dfac6d
- Tetradic: #5ecbc6, #86bbf5, #ef9ca6, #dfac6d
- Square: #5ecbc6, #abaff6, #ef9ca6, #c4b96b
- Monochromatic: #5ecbc6, #00807c, #31a5a0, #87f3ed, #b6ffff

## Questions about #5ecbc6

### What color is #5ecbc6?

#5ecbc6 is bright light cyan. The closest named color is Setting Sail. In RGB it is rgb(94, 203, 198), in HSL hsl(177.25, 51.17%, 58.24%) and in OKLCH oklch(77.722% 0.10026 191.232).

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

The complementary color of #5ecbc6 is #ef9ca6. For a calmer combination use the analogous colors #79cba2 and #65c5e4. The triadic partners are #cba4e6 and #dfac6d.

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

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

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

#5ecbc6 is a cool color. In OKLCH its hue is 191 degrees, its lightness 77.7% and its chroma 0.1.