# #56ccca color: Setting Sail

#56ccca is rgb(86, 204, 202) in RGB and oklch(77.82% 0.10541 193.66) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #56ccca |
| RGB | rgb(86, 204, 202) |
| HSL | hsl(178.98, 53.64%, 56.86%) |
| HSB / HSV | hsv(178.98 57.84% 80%) |
| HWB | hwb(178.98 33.73% 20%) |
| CMYK | cmyk(58% 0% 1% 20%) |
| Lab | lab(75.41 -34.78 -9.54) |
| LCH | lch(75.41 36.07 195.34) |
| OKLab | oklab(77.82% -0.10243 -0.0249) |
| OKLCH | oklch(77.82% 0.10541 193.66) |
| Display P3 | color(display-p3 0.4658 0.78991 0.78763) |
| Rec. 2020 | color(rec2020 0.5234 0.75322 0.76343) |
| Adobe RGB | color(a98-rgb 0.52119 0.79502 0.7874) |
| ProPhoto RGB | color(prophoto-rgb 0.54162 0.71972 0.74154) |
| Linear sRGB | color(srgb-linear 0.09306 0.60383 0.59062) |
| XYZ D65 | color(xyz-d65 0.36089 0.49426 0.63517) |
| XYZ D50 | color(xyz-d50 0.35765 0.48938 0.48168) |
| SwiftUI | Color(red: 0.337, green: 0.8, blue: 0.792) |
| UIKit | UIColor(red: 0.337, green: 0.8, blue: 0.792, alpha: 1) |
| Flutter / Compose | Color(0xFF56CCCA) |
| Android XML | #56CCCA |

## 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.89:1

## Tints

#56ccca, #6cd1cf, #80d7d4, #91dcda, #a2e1df, #b3e6e4, #c2ebea, #d2f0ef, #e1f5f4, #f0fafa

## Shades

#56ccca, #4ab1af, #3e9795, #327e7c, #276564, #1c4e4d, #123737, #082222, #020f0f, #000202

## Tones

#56ccca, #65cac8, #71c8c6, #7cc6c4, #86c4c2, #90c2c0, #98c0be, #a0bebc, #a8bbbb, #b0b9b9

## Harmonies

- Complementary: #56ccca, #f29aa3
- Split: #56ccca, #e79cc8, #f0a17f
- Analogous: #56ccca, #72cca4, #62c5e8
- Triadic: #56ccca, #cfa3e6, #dfac67
- Tetradic: #56ccca, #87baf9, #f29aa3, #dfac67
- Square: #56ccca, #aeaef8, #f29aa3, #c2ba67
- Monochromatic: #56ccca, #008180, #23a6a4, #80f4f1, #b4ffff

## Questions about #56ccca

### What color is #56ccca?

#56ccca is bright light cyan. The closest named color is Setting Sail. In RGB it is rgb(86, 204, 202), in HSL hsl(178.98, 53.64%, 56.86%) and in OKLCH oklch(77.82% 0.10541 193.66).

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

The complementary color of #56ccca is #f29aa3. For a calmer combination use the analogous colors #72cca4 and #62c5e8. The triadic partners are #cfa3e6 and #dfac67.

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

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

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

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