#4FEC7C#4FEC7C

#4FEC7C is a very light, highly saturated green. Relative luminance 0.631; OKLCH L 83.6% C 0.202 H 149.2°. Best body text is #000000 at 13.62:1 contrast (WCAG AA passes).

Color values

HEX#4FEC7C
RGBrgb(79, 236, 124)
HSLhsl(137, 81%, 62%)
HSVhsv(137, 67%, 93%)
CMYKcmyk(66.5%, 0%, 47.5%, 7.5%)
CIE-LABlab(83.50, -64.26, 42.42)
CIE-LCHlch(83.50, 77.00, 146.57°)
OKLaboklab(83.6% -0.1732 0.1034)
OKLCHoklch(83.6% 0.202 149.2)
XYZxyz(36.8552, 63.1045, 29.3030)
Luminance0.6311 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4FEC7C #EC4FBF
analogous
#71EC4F #4FEC7C #4FECCA
triadic
#4FEC7C #7C4FEC #EC7C4F
tetradic
#4FEC7C #4F71EC #EC4FBF #ECCA4F
square
#4FEC7C #4F71EC #EC4FBF #ECCA4F
split-complementary
#4FEC7C #CA4FEC #EC4F71
monochromatic
#13AE3F #19E553 #4FEC7C #86F2A5 #BDF8CE

Accessibility & contrast

On white

1.54
#4FEC7C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.62
#4FEC7C on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #4FEC7C
13.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4FEC7C#FFFFFF#000000##000000
##4FEC7C1.001.5413.6213.62
#FFFFFF1.541.0021.0021.00
#00000013.6221.001.001.00
##00000013.6221.001.001.00

Color blindness preview

Protanopia (red-blind)
#EED873
Deuteranopia (green-blind)
#DACB84
Tritanopia (blue-blind)
#00E8D2
Achromatopsia (no color)
#D0D0D0

Design tokens & code

CSS
--color: #4fec7c;
/* rgb */ color: rgb(79, 236, 124);
/* oklch */ color: oklch(83.6% 0.202 149.2);
Tailwind
colors: {
  custom: {
    50: '#92f3a3',
    500: '#4fec7c',
    950: '#000000',
  },
}
SCSS
$custom: #4fec7c;
$custom-light: #92f3a3;
$custom-dark: #000000;
JSON
{
  "hex": "#4fec7c",
  "rgb": {
    "r": 79,
    "g": 236,
    "b": 124
  },
  "hsl": {
    "h": 137.197,
    "s": 80.513,
    "l": 61.765
  },
  "oklch": {
    "l": 0.83603,
    "c": 0.20169,
    "h": 149.2
  },
  "luminance": 0.63108
}

Semantic roles & 50–950 ramp

primary
#4FEC7C
secondary
#AE318A
accent
#09A0DD
background
#FCFFFC
surface
#F5FEF6
border
#CFD6D0
text
#0E170F
muted
#7F8580

Preview Lab

Preview with #4FEC7C

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

Preview Lab → · Contrast checker → · Palette generator →

#4FEC7C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva