# #4ecccd color: Setting Sail

#4ecccd is rgb(78, 204, 205) in RGB and oklch(77.679% 0.10963 195.877) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/4ecccd

## Formats

| Format | Value |
| --- | --- |
| HEX | #4ecccd |
| RGB | rgb(78, 204, 205) |
| HSL | hsl(180.47, 55.95%, 55.49%) |
| HSB / HSV | hsv(180.47 61.95% 80.39%) |
| HWB | hwb(180.47 30.59% 19.61%) |
| CMYK | cmyk(62% 0% 0% 20%) |
| Lab | lab(75.25 -35.61 -11.42) |
| LCH | lch(75.25 37.4 197.78) |
| OKLab | oklab(77.679% -0.10545 -0.02999) |
| OKLCH | oklch(77.679% 0.10963 195.877) |
| Display P3 | color(display-p3 0.44903 0.78958 0.79826) |
| Rec. 2020 | color(rec2020 0.51367 0.75259 0.775) |
| Adobe RGB | color(a98-rgb 0.50903 0.79502 0.79884) |
| ProPhoto RGB | color(prophoto-rgb 0.53603 0.71892 0.75341) |
| Linear sRGB | color(srgb-linear 0.07619 0.60383 0.6105) |
| XYZ D65 | color(xyz-d65 0.35752 0.49211 0.65374) |
| XYZ D50 | color(xyz-d50 0.35314 0.48683 0.49564) |
| SwiftUI | Color(red: 0.306, green: 0.8, blue: 0.804) |
| UIKit | UIColor(red: 0.306, green: 0.8, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF4ECCCD) |
| Android XML | #4ECCCD |

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

## Tints

#4ecccd, #66d1d2, #7bd7d7, #8edcdc, #a0e1e1, #b0e6e6, #c1ebeb, #d1f0f0, #e0f5f5, #f0fafa

## Shades

#4ecccd, #43b1b2, #389798, #2d7e7e, #236566, #194e4e, #0f3738, #072223, #020f0f, #000202

## Tones

#4ecccd, #5fcacb, #6cc8c8, #78c6c6, #83c4c4, #8dc2c2, #96c0bf, #9fbdbd, #a7bbbb, #afb9b8

## Harmonies

- Complementary: #4ecccd, #f4999f
- Split: #4ecccd, #e99ac5, #f1a07a
- Analogous: #4ecccd, #6acda6, #5fc5ec
- Triadic: #4ecccd, #d2a1e6, #dfac62
- Tetradic: #4ecccd, #87b9fc, #f4999f, #dfac62
- Square: #4ecccd, #b0acfa, #f4999f, #c0bb64
- Monochromatic: #4ecccd, #008082, #11a6a7, #7af4f4, #b4ffff

## Questions about #4ecccd

### What color is #4ecccd?

#4ecccd is bright light cyan. The closest named color is Setting Sail. In RGB it is rgb(78, 204, 205), in HSL hsl(180.47, 55.95%, 55.49%) and in OKLCH oklch(77.679% 0.10963 195.877).

### What colors go well with #4ecccd?

The complementary color of #4ecccd is #f4999f. For a calmer combination use the analogous colors #6acda6 and #5fc5ec. The triadic partners are #d2a1e6 and #dfac62.

### Is white or black text more readable on #4ecccd?

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

### Is #4ecccd a warm or cool color?

#4ecccd is a cool color. In OKLCH its hue is 196 degrees, its lightness 77.7% and its chroma 0.11.