#9DFA5C#9DFA5C

#9DFA5C is a very light, highly saturated yellow-green. Relative luminance 0.763; OKLCH L 89.6% C 0.211 H 134.7°. Best body text is #000000 at 16.26:1 contrast (WCAG AA passes).

Color values

HEX#9DFA5C
RGBrgb(157, 250, 92)
HSLhsl(95, 94%, 67%)
HSVhsv(95, 63%, 98%)
CMYKcmyk(37.2%, 0%, 63.2%, 2%)
CIE-LABlab(90.00, -53.23, 65.02)
CIE-LCHlch(90.00, 84.03, 129.30°)
OKLaboklab(89.58% -0.1482 0.1498)
OKLCHoklch(89.58% 0.211 134.7)
XYZxyz(50.0209, 76.3096, 22.2168)
Luminance0.7631 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#9DFA5C #B95CFA
analogous
#ECFA5C #9DFA5C #5CFA6A
triadic
#9DFA5C #5C9DFA #FA5C9D
tetradic
#9DFA5C #5CECFA #B95CFA #FA6A5C
square
#9DFA5C #5CECFA #B95CFA #FA6A5C
split-complementary
#9DFA5C #6A5CFA #FA5CEC
monochromatic
#5CD507 #79F821 #9DFA5C #C1FC97 #E4FED3

Accessibility & contrast

On white

1.29
#9DFA5C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.26
#9DFA5C on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #9DFA5C
16.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##9DFA5C#FFFFFF#000000##000000
##9DFA5C1.001.2916.2616.26
#FFFFFF1.291.0021.0021.00
#00000016.2621.001.001.00
##00000016.2621.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFE748
Deuteranopia (green-blind)
#F6E069
Tritanopia (blue-blind)
#9CF1D9
Achromatopsia (no color)
#E2E2E2

Design tokens & code

CSS
--color: #9dfa5c;
/* rgb */ color: rgb(157, 250, 92);
/* oklch */ color: oklch(89.6% 0.211 134.7);
Tailwind
colors: {
  custom: {
    50: '#bffc90',
    500: '#9dfa5c',
    950: '#000000',
  },
}
SCSS
$custom: #9dfa5c;
$custom-light: #bffc90;
$custom-dark: #000000;
JSON
{
  "hex": "#9dfa5c",
  "rgb": {
    "r": 157,
    "g": 250,
    "b": 92
  },
  "hsl": {
    "h": 95.316,
    "s": 94.048,
    "l": 67.059
  },
  "oklch": {
    "l": 0.89584,
    "c": 0.21071,
    "h": 134.7
  },
  "luminance": 0.76312
}

Semantic roles & 50–950 ramp

primary
#9DFA5C
secondary
#8C2BCF
accent
#00E687
background
#FDFFFC
surface
#F9FFF4
border
#D2D7CE
text
#13170D
muted
#82857F

Preview Lab

Preview with #9DFA5C

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

Preview Lab → · Contrast checker → · Palette generator →

#9DFA5C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva