# #57ccca color: Setting Sail

#57ccca is rgb(87, 204, 202) in RGB and oklch(77.853% 0.10483 193.662) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/57ccca

## Formats

| Format | Value |
| --- | --- |
| HEX | #57ccca |
| RGB | rgb(87, 204, 202) |
| HSL | hsl(178.97, 53.42%, 57.06%) |
| HSB / HSV | hsv(178.97 57.35% 80%) |
| HWB | hwb(178.97 34.12% 20%) |
| CMYK | cmyk(57% 0% 1% 20%) |
| Lab | lab(75.44 -34.59 -9.49) |
| LCH | lch(75.44 35.87 195.35) |
| OKLab | oklab(77.853% -0.10187 -0.02476) |
| OKLCH | oklch(77.853% 0.10483 193.662) |
| Display P3 | color(display-p3 0.46798 0.78996 0.78765) |
| Rec. 2020 | color(rec2020 0.5248 0.75333 0.76346) |
| Adobe RGB | color(a98-rgb 0.52278 0.79502 0.7874) |
| ProPhoto RGB | color(prophoto-rgb 0.5427 0.71988 0.74157) |
| Linear sRGB | color(srgb-linear 0.09531 0.60383 0.59062) |
| XYZ D65 | color(xyz-d65 0.36182 0.49474 0.63522) |
| XYZ D50 | color(xyz-d50 0.35863 0.48988 0.48171) |
| SwiftUI | Color(red: 0.341, green: 0.8, blue: 0.792) |
| UIKit | UIColor(red: 0.341, green: 0.8, blue: 0.792, alpha: 1) |
| Flutter / Compose | Color(0xFF57CCCA) |
| Android XML | #57CCCA |

## 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.93:1
- Contrast with black: 10.9:1

## Tints

#57ccca, #6dd1cf, #80d7d4, #92dcda, #a3e1df, #b3e6e4, #c3ebea, #d2f0ef, #e1f5f4, #f0fafa

## Shades

#57ccca, #4bb1af, #3e9795, #337e7c, #276564, #1c4e4d, #123737, #082222, #030f0f, #000202

## Tones

#57ccca, #65cac8, #72c8c6, #7dc6c4, #87c4c2, #90c2c0, #99c0be, #a1bebd, #a8bbbb, #b0b9b9

## Harmonies

- Complementary: #57ccca, #f29ba3
- Split: #57ccca, #e79cc8, #f0a180
- Analogous: #57ccca, #72cca5, #62c5e8
- Triadic: #57ccca, #cfa3e6, #dfad68
- Tetradic: #57ccca, #87bbf9, #f29ba3, #dfad68
- Square: #57ccca, #aeaef8, #f29ba3, #c2ba68
- Monochromatic: #57ccca, #008180, #25a6a4, #81f4f1, #b4ffff

## Questions about #57ccca

### What color is #57ccca?

#57ccca is bright light cyan. The closest named color is Setting Sail. In RGB it is rgb(87, 204, 202), in HSL hsl(178.97, 53.42%, 57.06%) and in OKLCH oklch(77.853% 0.10483 193.662).

### What colors go well with #57ccca?

The complementary color of #57ccca is #f29ba3. For a calmer combination use the analogous colors #72cca5 and #62c5e8. The triadic partners are #cfa3e6 and #dfad68.

### Is white or black text more readable on #57ccca?

Black text reads better on #57ccca: white gives a contrast ratio of 1.93:1 and black gives 10.9:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #57ccca a warm or cool color?

#57ccca is a cool color. In OKLCH its hue is 194 degrees, its lightness 77.9% and its chroma 0.105.