#39EF76#39EF76

#39EF76 is a very light, highly saturated green. Relative luminance 0.639; OKLCH L 83.8% C 0.217 H 149.4°. Best body text is #000000 at 13.78:1 contrast (WCAG AA passes).

Color values

HEX#39EF76
RGBrgb(57, 239, 118)
HSLhsl(140, 85%, 58%)
HSVhsv(140, 76%, 94%)
CMYKcmyk(76.2%, 0%, 50.6%, 6.3%)
CIE-LABlab(83.92, -69.51, 45.72)
CIE-LCHlch(83.92, 83.20, 146.67°)
OKLaboklab(83.81% -0.1868 0.1106)
OKLCHoklch(83.81% 0.217 149.4)
XYZxyz(35.8209, 63.9066, 27.5834)
Luminance0.6391 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#39EF76 #EF39B2
analogous
#57EF39 #39EF76 #39EFD1
triadic
#39EF76 #7639EF #EF7639
tetradic
#39EF76 #3957EF #EF39B2 #EFD139
square
#39EF76 #3957EF #EF39B2 #EFD139
split-complementary
#39EF76 #D139EF #EF3957
monochromatic
#0DA13E #12D954 #39EF76 #72F49D #AAF8C4

Accessibility & contrast

On white

1.52
#39EF76 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.78
#39EF76 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #39EF76
13.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##39EF76#FFFFFF#000000##000000
##39EF761.001.5213.7813.78
#FFFFFF1.521.0021.0021.00
#00000013.7821.001.001.00
##00000013.7821.001.001.00

Color blindness preview

Protanopia (red-blind)
#F1DA6C
Deuteranopia (green-blind)
#DCCC7F
Tritanopia (blue-blind)
#00EBD3
Achromatopsia (no color)
#D1D1D1

Design tokens & code

CSS
--color: #39ef76;
/* rgb */ color: rgb(57, 239, 118);
/* oklch */ color: oklch(83.8% 0.217 149.4);
Tailwind
colors: {
  custom: {
    50: '#8bf6a0',
    500: '#39ef76',
    950: '#000000',
  },
}
SCSS
$custom: #39ef76;
$custom-light: #8bf6a0;
$custom-dark: #000000;
JSON
{
  "hex": "#39ef76",
  "rgb": {
    "r": 57,
    "g": 239,
    "b": 118
  },
  "hsl": {
    "h": 140.11,
    "s": 85.047,
    "l": 58.039
  },
  "oklch": {
    "l": 0.83806,
    "c": 0.21704,
    "h": 149.4
  },
  "luminance": 0.63911
}

Semantic roles & 50–950 ramp

primary
#39EF76
secondary
#A3297A
accent
#2DB6FB
background
#FCFFFC
surface
#F5FFF5
border
#CFD7CF
text
#0E170F
muted
#7F8580

Preview Lab

Preview with #39EF76

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

Preview Lab → · Contrast checker → · Palette generator →

#39EF76 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva