#7DF23A#7DF23A

#7DF23A is a very light, highly saturated yellow-green. Relative luminance 0.682; OKLCH L 85.9% C 0.237 H 136.9°. Best body text is #000000 at 14.63:1 contrast (WCAG AA passes).

Color values

HEX#7DF23A
RGBrgb(125, 242, 58)
HSLhsl(98, 88%, 59%)
HSVhsv(98, 76%, 95%)
CMYKcmyk(48.3%, 0%, 76%, 5.1%)
CIE-LABlab(86.09, -62.34, 72.72)
CIE-LCHlch(86.09, 95.78, 130.60°)
OKLaboklab(85.94% -0.1732 0.162)
OKLCHoklch(85.94% 0.237 136.9)
XYZxyz(40.9721, 68.1669, 15.0007)
Luminance0.6817 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7DF23A #AF3AF2
analogous
#D9F23A #7DF23A #3AF253
triadic
#7DF23A #3A7DF2 #F23A7D
tetradic
#7DF23A #3AD9F2 #AF3AF2 #F2533A
square
#7DF23A #3AD9F2 #AF3AF2 #F2533A
split-complementary
#7DF23A #533AF2 #F23AD9
monochromatic
#44A70B #5BE00F #7DF23A #A3F673 #C9FAAD

Accessibility & contrast

On white

1.44
#7DF23A on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.63
#7DF23A on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7DF23A
14.63:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7DF23A#FFFFFF#000000##000000
##7DF23A1.001.4414.6314.63
#FFFFFF1.441.0021.0021.00
#00000014.6321.001.001.00
##00000014.6321.001.001.00

Color blindness preview

Protanopia (red-blind)
#FADD03
Deuteranopia (green-blind)
#EBD44E
Tritanopia (blue-blind)
#76E9D0
Achromatopsia (no color)
#D7D7D7

Design tokens & code

CSS
--color: #7df23a;
/* rgb */ color: rgb(125, 242, 58);
/* oklch */ color: oklch(85.9% 0.237 136.9);
Tailwind
colors: {
  custom: {
    50: '#acf77d',
    500: '#7df23a',
    950: '#000000',
  },
}
SCSS
$custom: #7df23a;
$custom-light: #acf77d;
$custom-dark: #000000;
JSON
{
  "hex": "#7df23a",
  "rgb": {
    "r": 125,
    "g": 242,
    "b": 58
  },
  "hsl": {
    "h": 98.152,
    "s": 87.619,
    "l": 58.824
  },
  "oklch": {
    "l": 0.85937,
    "c": 0.23716,
    "h": 136.9
  },
  "luminance": 0.6817
}

Semantic roles & 50–950 ramp

primary
#7DF23A
secondary
#7928A8
accent
#2AFEB1
background
#FDFFFB
surface
#F8FFF2
border
#D1D7CC
text
#11170B
muted
#81857E

Preview Lab

Preview with #7DF23A

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

Preview Lab → · Contrast checker → · Palette generator →

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