#57EF7B#57EF7B

#57EF7B is a very light, highly saturated green. Relative luminance 0.652; OKLCH L 84.5% C 0.203 H 148.1°. Best body text is #000000 at 14.04:1 contrast (WCAG AA passes).

Color values

HEX#57EF7B
RGBrgb(87, 239, 123)
HSLhsl(134, 83%, 64%)
HSVhsv(134, 64%, 94%)
CMYKcmyk(63.6%, 0%, 48.5%, 6.3%)
CIE-LABlab(84.58, -64.00, 44.30)
CIE-LCHlch(84.58, 77.83, 145.31°)
OKLaboklab(84.55% -0.1727 0.1076)
OKLCHoklch(84.55% 0.203 148.1)
XYZxyz(38.3694, 65.1854, 29.2950)
Luminance0.6519 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#57EF7B #EF57CB
analogous
#7FEF57 #57EF7B #57EFC7
triadic
#57EF7B #7B57EF #EF7B57
tetradic
#57EF7B #577FEF #EF57CB #EFC757
square
#57EF7B #577FEF #EF57CB #EFC757
split-complementary
#57EF7B #C757EF #EF577F
monochromatic
#12BA3A #1FEA4F #57EF7B #8FF4A7 #C7FAD3

Accessibility & contrast

On white

1.50
#57EF7B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.04
#57EF7B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #57EF7B
14.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##57EF7B#FFFFFF#000000##000000
##57EF7B1.001.5014.0414.04
#FFFFFF1.501.0021.0021.00
#00000014.0421.001.001.00
##00000014.0421.001.001.00

Color blindness preview

Protanopia (red-blind)
#F1DB71
Deuteranopia (green-blind)
#DECE83
Tritanopia (blue-blind)
#24EAD4
Achromatopsia (no color)
#D3D3D3

Design tokens & code

CSS
--color: #57ef7b;
/* rgb */ color: rgb(87, 239, 123);
/* oklch */ color: oklch(84.5% 0.203 148.1);
Tailwind
colors: {
  custom: {
    50: '#96f5a3',
    500: '#57ef7b',
    950: '#000000',
  },
}
SCSS
$custom: #57ef7b;
$custom-light: #96f5a3;
$custom-dark: #000000;
JSON
{
  "hex": "#57ef7b",
  "rgb": {
    "r": 87,
    "g": 239,
    "b": 123
  },
  "hsl": {
    "h": 134.211,
    "s": 82.609,
    "l": 63.922
  },
  "oklch": {
    "l": 0.84545,
    "c": 0.20346,
    "h": 148.1
  },
  "luminance": 0.65189
}

Semantic roles & 50–950 ramp

primary
#57EF7B
secondary
#B93199
accent
#06ACDF
background
#FCFFFC
surface
#F5FFF6
border
#CFD7D0
text
#0F170F
muted
#808580

Preview Lab

Preview with #57EF7B

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

Preview Lab → · Contrast checker → · Palette generator →

#57EF7B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva