#5ECC30#5ECC30

#5ECC30 is a light, highly saturated green. Relative luminance 0.458; OKLCH L 75.2% C 0.213 H 138.5°. Best body text is #000000 at 10.16:1 contrast (WCAG AA passes).

Color values

HEX#5ECC30
RGBrgb(94, 204, 48)
HSLhsl(102, 62%, 49%)
HSVhsv(102, 76%, 80%)
CMYKcmyk(53.9%, 0%, 76.5%, 20%)
CIE-LABlab(73.40, -57.72, 63.24)
CIE-LCHlch(73.40, 85.62, 132.38°)
OKLaboklab(75.16% -0.1594 0.1412)
OKLCHoklch(75.16% 0.213 138.5)
XYZxyz(26.7415, 45.7767, 10.2223)
Luminance0.4578 (WCAG relative)
Temperaturewarm
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5ECC30 #9E30CC
analogous
#ACCC30 #5ECC30 #30CC50
triadic
#5ECC30 #305ECC #CC305E
tetradic
#5ECC30 #30ACCC #9E30CC #CC5030
square
#5ECC30 #30ACCC #9E30CC #CC5030
split-complementary
#5ECC30 #5030CC #CC30AC
monochromatic
#306919 #479A24 #5ECC30 #84DA60 #AAE591

Accessibility & contrast

On white

2.07
#5ECC30 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.16
#5ECC30 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5ECC30
10.16:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5ECC30#FFFFFF#000000##000000
##5ECC301.002.0710.1610.16
#FFFFFF2.071.0021.0021.00
#00000010.1621.001.001.00
##00000010.1621.001.001.00

Color blindness preview

Protanopia (red-blind)
#D2BA05
Deuteranopia (green-blind)
#C4B141
Tritanopia (blue-blind)
#54C5AF
Achromatopsia (no color)
#B4B4B4

Design tokens & code

CSS
--color: #5ecc30;
/* rgb */ color: rgb(94, 204, 48);
/* oklch */ color: oklch(75.2% 0.213 138.5);
Tailwind
colors: {
  custom: {
    50: '#97dc74',
    500: '#5ecc30',
    950: '#000000',
  },
}
SCSS
$custom: #5ecc30;
$custom-light: #97dc74;
$custom-dark: #000000;
JSON
{
  "hex": "#5ecc30",
  "rgb": {
    "r": 94,
    "g": 204,
    "b": 48
  },
  "hsl": {
    "h": 102.308,
    "s": 61.905,
    "l": 49.412
  },
  "oklch": {
    "l": 0.75158,
    "c": 0.21297,
    "h": 138.5
  },
  "luminance": 0.45779
}

Semantic roles & 50–950 ramp

primary
#5ECC30
secondary
#BB88D0
accent
#43E5B5
background
#F9FDF7
surface
#F2FBED
border
#CCD4C8
text
#0F1509
muted
#7E837B

Preview Lab

Preview with #5ECC30

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

Preview Lab → · Contrast checker → · Palette generator →

#5ECC30 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva