#4DF26F#4DF26F

#4DF26F is a very light, highly saturated green. Relative luminance 0.662; OKLCH L 84.9% C 0.221 H 146.8°. Best body text is #000000 at 14.25:1 contrast (WCAG AA passes).

Color values

HEX#4DF26F
RGBrgb(77, 242, 111)
HSLhsl(132, 86%, 63%)
HSVhsv(132, 68%, 95%)
CMYKcmyk(68.2%, 0%, 54.1%, 5.1%)
CIE-LABlab(85.11, -68.52, 50.52)
CIE-LCHlch(85.11, 85.13, 143.60°)
OKLaboklab(84.87% -0.1848 0.1208)
OKLCHoklch(84.87% 0.221 146.8)
XYZxyz(37.6792, 66.2256, 25.8329)
Luminance0.6623 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4DF26F #F24DD0
analogous
#7DF24D #4DF26F #4DF2C2
triadic
#4DF26F #6F4DF2 #F26F4D
tetradic
#4DF26F #4D7DF2 #F24DD0 #F2C24D
square
#4DF26F #4D7DF2 #F24DD0 #F2C24D
split-complementary
#4DF26F #C24DF2 #F24D7D
monochromatic
#0DB730 #14EE41 #4DF26F #86F69D #BFFACB

Accessibility & contrast

On white

1.47
#4DF26F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.25
#4DF26F on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #4DF26F
14.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4DF26F#FFFFFF#000000##000000
##4DF26F1.001.4714.2514.25
#FFFFFF1.471.0021.0021.00
#00000014.2521.001.001.00
##00000014.2521.001.001.00

Color blindness preview

Protanopia (red-blind)
#F5DD63
Deuteranopia (green-blind)
#E1CF79
Tritanopia (blue-blind)
#00EDD5
Achromatopsia (no color)
#D5D5D5

Design tokens & code

CSS
--color: #4df26f;
/* rgb */ color: rgb(77, 242, 111);
/* oklch */ color: oklch(84.9% 0.221 146.8);
Tailwind
colors: {
  custom: {
    50: '#92f89b',
    500: '#4df26f',
    950: '#000000',
  },
}
SCSS
$custom: #4df26f;
$custom-light: #92f89b;
$custom-dark: #000000;
JSON
{
  "hex": "#4df26f",
  "rgb": {
    "r": 77,
    "g": 242,
    "b": 111
  },
  "hsl": {
    "h": 132.364,
    "s": 86.387,
    "l": 62.549
  },
  "oklch": {
    "l": 0.84873,
    "c": 0.22074,
    "h": 146.8
  },
  "luminance": 0.6623
}

Semantic roles & 50–950 ramp

primary
#4DF26F
secondary
#B62D9A
accent
#03B5E3
background
#FCFFFC
surface
#F5FFF5
border
#CFD7CF
text
#0F170E
muted
#80857F

Preview Lab

Preview with #4DF26F

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

Preview Lab → · Contrast checker → · Palette generator →

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