#78FFC8#78FFC8

#78FFC8 is a very light, vivid teal. Relative luminance 0.797; OKLCH L 90.9% C 0.143 H 164.2°. Best body text is #000000 at 16.94:1 contrast (WCAG AA passes).

Color values

HEX	#78FFC8
RGB	rgb(120, 255, 200)
HSL	hsl(156, 100%, 74%)
HSV	hsv(156, 53%, 100%)
CMYK	cmyk(52.9%, 0%, 21.6%, 0%)
CIE-LAB	lab(91.54, -49.61, 15.16)
CIE-LCH	lch(91.54, 51.87, 163.01°)
OKLab	oklab(90.95% -0.1376 0.0389)
OKLCH	oklch(90.95% 0.143 164.2)
XYZ	xyz(53.9261, 79.6783, 67.1700)
Luminance	0.7968 (WCAG relative)
Temperature	neutral
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#78FFC8 #FF78AF

analogous

#78FF84 #78FFC8 #78F2FF

triadic

#78FFC8 #C878FF #FFC878

tetradic

#78FFC8 #8478FF #FF78AF #F2FF78

square

#78FFC8 #8478FF #FF78AF #F2FF78

split-complementary

#78FFC8 #FF78F2 #FF8478

monochromatic

#00FD96 #3BFFAF #78FFC8 #B5FFE1 #E0FFF3

Accessibility & contrast

On white

1.24

#78FFC8 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

16.94

#78FFC8 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #78FFC8

16.94:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##78FFC8	#FFFFFF	#000000	##000000
##78FFC8	1.00	1.24	16.94	16.94
#FFFFFF	1.24	1.00	21.00	21.00
#000000	16.94	21.00	1.00	1.00
##000000	16.94	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FBEFC5

Deuteranopia (green-blind)

#E7E1CB

Tritanopia (blue-blind)

#43FFF0

Achromatopsia (no color)

#E7E7E7

Design tokens & code

CSS

--color: #78ffc8;
/* rgb */ color: rgb(120, 255, 200);
/* oklch */ color: oklch(90.9% 0.143 164.2);

Tailwind

colors: {
  custom: {
    50: '#a8ffd8',
    500: '#78ffc8',
    950: '#000000',
  },
}

SCSS

$custom: #78ffc8;
$custom-light: #a8ffd8;
$custom-dark: #000000;

JSON

{
  "hex": "#78ffc8",
  "rgb": {
    "r": 120,
    "g": 255,
    "b": 200
  },
  "hsl": {
    "h": 155.556,
    "s": 100,
    "l": 73.529
  },
  "oklch": {
    "l": 0.90947,
    "c": 0.14295,
    "h": 164.2
  },
  "luminance": 0.79683
}

Semantic roles & 50–950 ramp

primary

#78FFC8

secondary

#DD3E7F

accent

#005DE6

background

#FDFFFE

surface

#F7FFFB

border

#D0D7D4

text

#111814

muted

#818683

Preview Lab

Preview with #78FFC8

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

Preview Lab → · Contrast checker → · Palette generator →