#7DFA6D#7DFA6D

#7DFA6D is a very light, highly saturated green. Relative luminance 0.738; OKLCH L 88.3% C 0.213 H 141.5°. Best body text is #000000 at 15.77:1 contrast (WCAG AA passes).

Color values

HEX#7DFA6D
RGBrgb(125, 250, 109)
HSLhsl(113, 93%, 70%)
HSVhsv(113, 56%, 98%)
CMYKcmyk(50%, 0%, 56.4%, 2%)
CIE-LABlab(88.84, -61.06, 56.17)
CIE-LCHlch(88.84, 82.96, 137.39°)
OKLaboklab(88.33% -0.1667 0.1328)
OKLCHoklch(88.33% 0.213 141.5)
XYZxyz(45.4013, 73.8319, 26.3236)
Luminance0.7383 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7DFA6D #EA6DFA
analogous
#C4FA6D #7DFA6D #6DFAA3
triadic
#7DFA6D #6D7DFA #FA6D7D
tetradic
#7DFA6D #6DC4FA #EA6DFA #FAA36D
square
#7DFA6D #6DC4FA #EA6DFA #FAA36D
split-complementary
#7DFA6D #A36DFA #FA6DC4
monochromatic
#21E508 #48F832 #7DFA6D #B2FCA8 #E5FEE1

Accessibility & contrast

On white

1.33
#7DFA6D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.77
#7DFA6D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7DFA6D
15.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7DFA6D#FFFFFF#000000##000000
##7DFA6D1.001.3315.7715.77
#FFFFFF1.331.0021.0021.00
#00000015.7721.001.001.00
##00000015.7721.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFE65F
Deuteranopia (green-blind)
#EFDB78
Tritanopia (blue-blind)
#6EF3DB
Achromatopsia (no color)
#DFDFDF

Design tokens & code

CSS
--color: #7dfa6d;
/* rgb */ color: rgb(125, 250, 109);
/* oklch */ color: oklch(88.3% 0.213 141.5);
Tailwind
colors: {
  custom: {
    50: '#abfd9b',
    500: '#7dfa6d',
    950: '#000000',
  },
}
SCSS
$custom: #7dfa6d;
$custom-light: #abfd9b;
$custom-dark: #000000;
JSON
{
  "hex": "#7dfa6d",
  "rgb": {
    "r": 125,
    "g": 250,
    "b": 109
  },
  "hsl": {
    "h": 113.191,
    "s": 93.377,
    "l": 70.392
  },
  "oklch": {
    "l": 0.88325,
    "c": 0.21312,
    "h": 141.5
  },
  "luminance": 0.73835
}

Semantic roles & 50–950 ramp

primary
#7DFA6D
secondary
#C336D5
accent
#00E6CB
background
#FDFFFC
surface
#F8FFF5
border
#D1D7CF
text
#11180E
muted
#81867F

Preview Lab

Preview with #7DFA6D

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

Preview Lab → · Contrast checker → · Palette generator →

#7DFA6D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva