#ABF997#ABF997

#ABF997 is a very light, vivid green. Relative luminance 0.786; OKLCH L 90.9% C 0.150 H 139.4°. Best body text is #000000 at 16.73:1 contrast (WCAG AA passes).

Color values

HEX#ABF997
RGBrgb(171, 249, 151)
HSLhsl(108, 89%, 78%)
HSVhsv(108, 39%, 98%)
CMYKcmyk(31.3%, 0%, 39.4%, 2.4%)
CIE-LABlab(91.07, -41.72, 39.61)
CIE-LCHlch(91.07, 57.53, 136.48°)
OKLaboklab(90.85% -0.114 0.0977)
OKLCHoklch(90.85% 0.15 139.4)
XYZxyz(56.2543, 78.6413, 41.4874)
Luminance0.7864 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#ABF997 #E597F9
analogous
#DCF997 #ABF997 #97F9B4
triadic
#ABF997 #97ABF9 #F997AB
tetradic
#ABF997 #97DCF9 #E597F9 #F9B497
square
#ABF997 #97DCF9 #E597F9 #F9B497
split-complementary
#ABF997 #B497F9 #F997DC
monochromatic
#4EF223 #7CF65D #ABF997 #DAFCD1 #E8FDE2

Accessibility & contrast

On white

1.26
#ABF997 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.73
#ABF997 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ABF997
16.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##ABF997#FFFFFF#000000##000000
##ABF9971.001.2616.7316.73
#FFFFFF1.261.0021.0021.00
#00000016.7321.001.001.00
##00000016.7321.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEA90
Deuteranopia (green-blind)
#F3E39D
Tritanopia (blue-blind)
#A6F3E1
Achromatopsia (no color)
#E5E5E5

Design tokens & code

CSS
--color: #abf997;
/* rgb */ color: rgb(171, 249, 151);
/* oklch */ color: oklch(90.9% 0.150 139.4);
Tailwind
colors: {
  custom: {
    50: '#c6fbb6',
    500: '#abf997',
    950: '#000000',
  },
}
SCSS
$custom: #abf997;
$custom-light: #c6fbb6;
$custom-dark: #000000;
JSON
{
  "hex": "#abf997",
  "rgb": {
    "r": 171,
    "g": 249,
    "b": 151
  },
  "hsl": {
    "h": 107.755,
    "s": 89.091,
    "l": 78.431
  },
  "oklch": {
    "l": 0.90853,
    "c": 0.15013,
    "h": 139.4
  },
  "luminance": 0.78644
}

Semantic roles & 50–950 ramp

primary
#ABF997
secondary
#BF5BD9
accent
#00E6B7
background
#FDFFFD
surface
#F9FFF8
border
#D2D7D1
text
#131711
muted
#828581

Preview Lab

Preview with #ABF997

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

Preview Lab → · Contrast checker → · Palette generator →

#ABF997 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva