#77E1BF#77E1BF

#77E1BF is a very light, moderate teal. Relative luminance 0.615; OKLCH L 83.7% C 0.111 H 170.4°. Best body text is #000000 at 13.31:1 contrast (WCAG AA passes).

Color values

HEX	#77E1BF
RGB	rgb(119, 225, 191)
HSL	hsl(161, 64%, 67%)
HSV	hsv(161, 47%, 88%)
CMYK	cmyk(47.1%, 0%, 15.1%, 11.8%)
CIE-LAB	lab(82.66, -38.68, 7.20)
CIE-LCH	lch(82.66, 39.34, 169.45°)
OKLab	oklab(83.66% -0.1094 0.0184)
OKLCH	oklch(83.66% 0.111 170.4)
XYZ	xyz(43.9329, 61.5304, 58.8416)
Luminance	0.6153 (WCAG relative)
Temperature	neutral
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#77E1BF #E17799

analogous

#77E18A #77E1BF #77CEE1

triadic

#77E1BF #BF77E1 #E1BF77

tetradic

#77E1BF #8A77E1 #E17799 #CEE177

square

#77E1BF #8A77E1 #E17799 #CEE177

split-complementary

#77E1BF #E177CE #E18A77

monochromatic

#28B688 #45D6A7 #77E1BF #A9ECD7 #DBF7EE

Accessibility & contrast

On white

1.58

#77E1BF on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.31

#77E1BF on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #77E1BF

13.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##77E1BF	#FFFFFF	#000000	##000000
##77E1BF	1.00	1.58	13.31	13.31
#FFFFFF	1.58	1.00	21.00	21.00
#000000	13.31	21.00	1.00	1.00
##000000	13.31	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#DCD5BD

Deuteranopia (green-blind)

#CBC9C1

Tritanopia (blue-blind)

#50E2D7

Achromatopsia (no color)

#CECECE

Design tokens & code

CSS

--color: #77e1bf;
/* rgb */ color: rgb(119, 225, 191);
/* oklch */ color: oklch(83.7% 0.111 170.4);

Tailwind

colors: {
  custom: {
    50: '#a4ebd2',
    500: '#77e1bf',
    950: '#000000',
  },
}

SCSS

$custom: #77e1bf;
$custom-light: #a4ebd2;
$custom-dark: #000000;

JSON

{
  "hex": "#77e1bf",
  "rgb": {
    "r": 119,
    "g": 225,
    "b": 191
  },
  "hsl": {
    "h": 160.755,
    "s": 63.855,
    "l": 67.451
  },
  "oklch": {
    "l": 0.8366,
    "c": 0.11092,
    "h": 170.4
  },
  "luminance": 0.61534
}

Semantic roles & 50–950 ramp

primary

#77E1BF

secondary

#B6466A

accent

#1A53CC

background

#FDFEFE

surface

#F7FDFB

border

#D0D5D4

text

#101614

muted

#818483

Preview Lab

Preview with #77E1BF

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

Preview Lab → · Contrast checker → · Palette generator →