#78A896#78A896

#78A896 is a light, muted teal. Relative luminance 0.342; OKLCH L 69.2% C 0.058 H 169.4°. Best body text is #000000 at 7.84:1 contrast (WCAG AA passes).

Color values

HEX	#78A896
RGB	rgb(120, 168, 150)
HSL	hsl(158, 22%, 56%)
HSV	hsv(158, 29%, 66%)
CMYK	cmyk(28.6%, 0%, 10.7%, 34.1%)
CIE-LAB	lab(65.12, -19.95, 4.16)
CIE-LCH	lch(65.12, 20.38, 168.23°)
OKLab	oklab(69.2% -0.0569 0.0107)
OKLCH	oklch(69.2% 0.058 169.4)
XYZ	xyz(27.2516, 34.1991, 34.0134)
Luminance	0.3420 (WCAG relative)
Temperature	neutral
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#78A896 #A8788A

analogous

#78A87E #78A896 #78A2A8

triadic

#78A896 #9678A8 #A89678

tetradic

#78A896 #7E78A8 #A8788A #A2A878

square

#78A896 #7E78A8 #A8788A #A2A878

split-complementary

#78A896 #A878A2 #A87E78

monochromatic

#416557 #598A78 #78A896 #9DC0B3 #C2D8D0

Accessibility & contrast

On white

2.68

#78A896 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.84

#78A896 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #78A896

7.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##78A896	#FFFFFF	#000000	##000000
##78A896	1.00	2.68	7.84	7.84
#FFFFFF	2.68	1.00	21.00	21.00
#000000	7.84	21.00	1.00	1.00
##000000	7.84	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#A5A295

Deuteranopia (green-blind)

#9D9C97

Tritanopia (blue-blind)

#6CA9A3

Achromatopsia (no color)

#9E9E9E

Design tokens & code

CSS

--color: #78a896;
/* rgb */ color: rgb(120, 168, 150);
/* oklch */ color: oklch(69.2% 0.058 169.4);

Tailwind

colors: {
  custom: {
    50: '#a0c2b4',
    500: '#78a896',
    950: '#000000',
  },
}

SCSS

$custom: #78a896;
$custom-light: #a0c2b4;
$custom-dark: #000000;

JSON

{
  "hex": "#78a896",
  "rgb": {
    "r": 120,
    "g": 168,
    "b": 150
  },
  "hsl": {
    "h": 157.5,
    "s": 21.622,
    "l": 56.471
  },
  "oklch": {
    "l": 0.69201,
    "c": 0.05792,
    "h": 169.4
  },
  "luminance": 0.342
}

Semantic roles & 50–950 ramp

primary

#78A896

secondary

#C8B4BB

accent

#6A89BE

background

#F9FBFB

surface

#F2F7F6

border

#CCD0D0

text

#0F1211

muted

#7E8180

Preview Lab

Preview with #78A896

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

Preview Lab → · Contrast checker → · Palette generator →