# #4ecccc color: Setting Sail

#4ecccc is rgb(78, 204, 204) in RGB and oklch(77.645% 0.10968 195.131) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #4ecccc |
| RGB | rgb(78, 204, 204) |
| HSL | hsl(180, 55.26%, 55.29%) |
| HSB / HSV | hsv(180 61.76% 80%) |
| HWB | hwb(180 30.59% 20%) |
| CMYK | cmyk(62% 0% 0% 20%) |
| Lab | lab(75.23 -35.83 -10.92) |
| LCH | lch(75.23 37.45 196.95) |
| OKLab | oklab(77.645% -0.10587 -0.02863) |
| OKLCH | oklch(77.645% 0.10968 195.131) |
| Display P3 | color(display-p3 0.44903 0.78958 0.79466) |
| Rec. 2020 | color(rec2020 0.51338 0.75254 0.77108) |
| Adobe RGB | color(a98-rgb 0.50903 0.79502 0.79502) |
| ProPhoto RGB | color(prophoto-rgb 0.53518 0.71879 0.74938) |
| Linear sRGB | color(srgb-linear 0.07619 0.60383 0.60383) |
| XYZ D65 | color(xyz-d65 0.35632 0.49163 0.6474) |
| XYZ D50 | color(xyz-d50 0.35218 0.48643 0.49087) |
| SwiftUI | Color(red: 0.306, green: 0.8, blue: 0.8) |
| UIKit | UIColor(red: 0.306, green: 0.8, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF4ECCCC) |
| Android XML | #4ECCCC |

## 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

#4ecccc, #66d1d1, #7bd7d6, #8edcdb, #a0e1e0, #b0e6e5, #c1ebea, #d1f0f0, #e0f5f5, #f0fafa

## Shades

#4ecccc, #43b1b1, #389797, #2d7e7e, #236565, #194e4e, #0f3737, #072222, #020f0f, #000202

## Tones

#4ecccc, #5fcaca, #6cc8c8, #78c6c5, #83c4c3, #8dc2c1, #96c0bf, #9fbdbd, #a7bbba, #afb9b8

## Harmonies

- Complementary: #4ecccc, #f4999f
- Split: #4ecccc, #e999c6, #f19f7b
- Analogous: #4ecccc, #6bcda5, #5dc5eb
- Triadic: #4ecccc, #d1a1e6, #dfac62
- Tetradic: #4ecccc, #86b9fb, #f4999f, #dfac62
- Square: #4ecccc, #afacfa, #f4999f, #c0ba63
- Monochromatic: #4ecccc, #008081, #11a6a6, #7af4f3, #b4ffff

## Questions about #4ecccc

### What color is #4ecccc?

#4ecccc is bright light cyan. The closest named color is Setting Sail. In RGB it is rgb(78, 204, 204), in HSL hsl(180, 55.26%, 55.29%) and in OKLCH oklch(77.645% 0.10968 195.131).

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

The complementary color of #4ecccc is #f4999f. For a calmer combination use the analogous colors #6bcda5 and #5dc5eb. The triadic partners are #d1a1e6 and #dfac62.

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

Black text reads better on #4ecccc: 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 #4ecccc a warm or cool color?

#4ecccc is a cool color. In OKLCH its hue is 195 degrees, its lightness 77.6% and its chroma 0.11.