#89FBBD#89FBBD

#89FBBD is a very light, vivid green. Relative luminance 0.780; OKLCH L 90.4% C 0.137 H 158.3°. Best body text is #000000 at 16.60:1 contrast (WCAG AA passes).

Color values

HEX	#89FBBD
RGB	rgb(137, 251, 189)
HSL	hsl(147, 93%, 76%)
HSV	hsv(147, 45%, 98%)
CMYK	cmyk(45.4%, 0%, 24.7%, 1.6%)
CIE-LAB	lab(90.77, -46.12, 19.81)
CIE-LCH	lch(90.77, 50.20, 156.75°)
OKLab	oklab(90.41% -0.1269 0.0506)
OKLCH	oklch(90.41% 0.137 158.3)
XYZ	xyz(53.9949, 77.9828, 60.3411)
Luminance	0.7799 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#89FBBD #FB89C7

analogous

#8EFB89 #89FBBD #89FBF6

triadic

#89FBBD #BD89FB #FBBD89

tetradic

#89FBBD #898EFB #FB89C7 #FBF689

square

#89FBBD #898EFB #FB89C7 #FBF689

split-complementary

#89FBBD #F689FB #FB898E

monochromatic

#13F77B #4EF99C #89FBBD #C4FDDE #E1FEEE

Accessibility & contrast

On white

1.27

#89FBBD on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

16.60

#89FBBD on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #89FBBD

16.60:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##89FBBD	#FFFFFF	#000000	##000000
##89FBBD	1.00	1.27	16.60	16.60
#FFFFFF	1.27	1.00	21.00	21.00
#000000	16.60	21.00	1.00	1.00
##000000	16.60	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#F9ECB9

Deuteranopia (green-blind)

#E8E0C1

Tritanopia (blue-blind)

#6CFAEA

Achromatopsia (no color)

#E5E5E5

Design tokens & code

CSS

--color: #89fbbd;
/* rgb */ color: rgb(137, 251, 189);
/* oklch */ color: oklch(90.4% 0.137 158.3);

Tailwind

colors: {
  custom: {
    50: '#b1fdd1',
    500: '#89fbbd',
    950: '#000000',
  },
}

SCSS

$custom: #89fbbd;
$custom-light: #b1fdd1;
$custom-dark: #000000;

JSON

{
  "hex": "#89fbbd",
  "rgb": {
    "r": 137,
    "g": 251,
    "b": 189
  },
  "hsl": {
    "h": 147.368,
    "s": 93.443,
    "l": 76.078
  },
  "oklch": {
    "l": 0.90414,
    "c": 0.13662,
    "h": 158.3
  },
  "luminance": 0.77987
}

Semantic roles & 50–950 ramp

primary

#89FBBD

secondary

#DA4E9A

accent

#007DE6

background

#FDFFFE

surface

#F8FFFB

border

#D1D7D4

text

#111814

muted

#818683

Preview Lab

Preview with #89FBBD

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

Preview Lab → · Contrast checker → · Palette generator →