#57E498#57E498

#57E498 is a very light, vivid green. Relative luminance 0.598; OKLCH L 82.3% C 0.163 H 156.2°. Best body text is #000000 at 12.96:1 contrast (WCAG AA passes).

Color values

HEX#57E498
RGBrgb(87, 228, 152)
HSLhsl(148, 72%, 62%)
HSVhsv(148, 62%, 89%)
CMYKcmyk(61.8%, 0%, 33.3%, 10.6%)
CIE-LABlab(81.72, -55.00, 26.11)
CIE-LCHlch(81.72, 60.88, 154.60°)
OKLaboklab(82.34% -0.1494 0.0658)
OKLCHoklch(82.34% 0.163 156.2)
XYZxyz(37.3381, 59.7762, 39.2699)
Luminance0.5978 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#57E498 #E457A3
analogous
#5CE457 #57E498 #57E4DF
triadic
#57E498 #9857E4 #E49857
tetradic
#57E498 #575CE4 #E457A3 #E4DF57
square
#57E498 #575CE4 #E457A3 #E4DF57
split-complementary
#57E498 #DF57E4 #E4575C
monochromatic
#1BA65B #23DB78 #57E498 #8CECB8 #C0F5D9

Accessibility & contrast

On white

1.62
#57E498 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.96
#57E498 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #57E498
12.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##57E498#FFFFFF#000000##000000
##57E4981.001.6212.9612.96
#FFFFFF1.621.0021.0021.00
#00000012.9621.001.001.00
##00000012.9621.001.001.00

Color blindness preview

Protanopia (red-blind)
#E3D393
Deuteranopia (green-blind)
#D0C69D
Tritanopia (blue-blind)
#0DE2D0
Achromatopsia (no color)
#CBCBCB

Design tokens & code

CSS
--color: #57e498;
/* rgb */ color: rgb(87, 228, 152);
/* oklch */ color: oklch(82.3% 0.163 156.2);
Tailwind
colors: {
  custom: {
    50: '#94edb6',
    500: '#57e498',
    950: '#000000',
  },
}
SCSS
$custom: #57e498;
$custom-light: #94edb6;
$custom-dark: #000000;
JSON
{
  "hex": "#57e498",
  "rgb": {
    "r": 87,
    "g": 228,
    "b": 152
  },
  "hsl": {
    "h": 147.66,
    "s": 72.308,
    "l": 61.765
  },
  "oklch": {
    "l": 0.82335,
    "c": 0.16326,
    "h": 156.2
  },
  "luminance": 0.5978
}

Semantic roles & 50–950 ramp

primary
#57E498
secondary
#A83774
accent
#117AD4
background
#FCFFFD
surface
#F5FEF8
border
#CFD6D1
text
#0E1611
muted
#7F8581

Preview Lab

Preview with #57E498

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

Preview Lab → · Contrast checker → · Palette generator →

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