#78F0CE#78F0CE

#78F0CE is a very light, moderate teal. Relative luminance 0.708; OKLCH L 87.6% C 0.120 H 172.6°. Best body text is #000000 at 15.15:1 contrast (WCAG AA passes).

Color values

HEX#78F0CE
RGBrgb(120, 240, 206)
HSLhsl(163, 80%, 71%)
HSVhsv(163, 50%, 94%)
CMYKcmyk(50%, 0%, 14.2%, 5.9%)
CIE-LABlab(87.37, -41.82, 6.10)
CIE-LCHlch(87.37, 42.27, 171.70°)
OKLaboklab(87.6% -0.1188 0.0155)
OKLCHoklch(87.6% 0.12 172.6)
XYZxyz(50.0415, 70.7651, 69.4025)
Luminance0.7077 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#78F0CE #F0789A
analogous
#78F092 #78F0CE #78D6F0
triadic
#78F0CE #CE78F0 #F0CE78
tetradic
#78F0CE #9278F0 #F0789A #D6F078
square
#78F0CE #9278F0 #F0789A #D6F078
split-complementary
#78F0CE #F078D6 #F09278
monochromatic
#18D6A0 #41EABA #78F0CE #AFF6E2 #E3FCF5

Accessibility & contrast

On white

1.39
#78F0CE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.15
#78F0CE on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #78F0CE
15.15:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##78F0CE#FFFFFF#000000##000000
##78F0CE1.001.3915.1515.15
#FFFFFF1.391.0021.0021.00
#00000015.1521.001.001.00
##00000015.1521.001.001.00

Color blindness preview

Protanopia (red-blind)
#EAE3CC
Deuteranopia (green-blind)
#D7D5D0
Tritanopia (blue-blind)
#44F2E6
Achromatopsia (no color)
#DBDBDB

Design tokens & code

CSS
--color: #78f0ce;
/* rgb */ color: rgb(120, 240, 206);
/* oklch */ color: oklch(87.6% 0.120 172.6);
Tailwind
colors: {
  custom: {
    50: '#a7f5dd',
    500: '#78f0ce',
    950: '#000000',
  },
}
SCSS
$custom: #78f0ce;
$custom-light: #a7f5dd;
$custom-dark: #000000;
JSON
{
  "hex": "#78f0ce",
  "rgb": {
    "r": 120,
    "g": 240,
    "b": 206
  },
  "hsl": {
    "h": 163,
    "s": 80,
    "l": 70.588
  },
  "oklch": {
    "l": 0.87602,
    "c": 0.11982,
    "h": 172.6
  },
  "luminance": 0.70769
}

Semantic roles & 50–950 ramp

primary
#78F0CE
secondary
#CA4269
accent
#0945DC
background
#FDFFFE
surface
#F7FEFC
border
#D0D6D5
text
#101715
muted
#818584

Preview Lab

Preview with #78F0CE

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#78F0CE Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva