#7EC140#7EC140

#7EC140 is a light, vivid yellow-green. Relative luminance 0.429; OKLCH L 74.0% C 0.174 H 132.8°. Best body text is #000000 at 9.59:1 contrast (WCAG AA passes).

Color values

HEX#7EC140
RGBrgb(126, 193, 64)
HSLhsl(91, 51%, 50%)
HSVhsv(91, 67%, 76%)
CMYKcmyk(34.7%, 0%, 66.8%, 24.3%)
CIE-LABlab(71.52, -42.18, 55.99)
CIE-LCHlch(71.52, 70.10, 126.99°)
OKLaboklab(74.02% -0.1183 0.1278)
OKLCHoklch(74.02% 0.174 132.8)
XYZxyz(28.5991, 42.9446, 11.6318)
Luminance0.4295 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7EC140 #8340C1
analogous
#BEC140 #7EC140 #40C143
triadic
#7EC140 #407EC1 #C1407E
tetradic
#7EC140 #40BEC1 #8340C1 #C14340
square
#7EC140 #40BEC1 #8340C1 #C14340
split-complementary
#7EC140 #4340C1 #C140BE
monochromatic
#426621 #609430 #7EC140 #9DD06E #BCDF9C

Accessibility & contrast

On white

2.19
#7EC140 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.59
#7EC140 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7EC140
9.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7EC140#FFFFFF#000000##000000
##7EC1401.002.199.599.59
#FFFFFF2.191.0021.0021.00
#0000009.5921.001.001.00
##0000009.5921.001.001.00

Color blindness preview

Protanopia (red-blind)
#C9B32E
Deuteranopia (green-blind)
#BFAD4B
Tritanopia (blue-blind)
#7FB9A7
Achromatopsia (no color)
#AFAFAF

Design tokens & code

CSS
--color: #7ec140;
/* rgb */ color: rgb(126, 193, 64);
/* oklch */ color: oklch(74.0% 0.174 132.8);
Tailwind
colors: {
  custom: {
    50: '#a8d47b',
    500: '#7ec140',
    950: '#000000',
  },
}
SCSS
$custom: #7ec140;
$custom-light: #a8d47b;
$custom-dark: #000000;
JSON
{
  "hex": "#7ec140",
  "rgb": {
    "r": 126,
    "g": 193,
    "b": 64
  },
  "hsl": {
    "h": 91.163,
    "s": 50.988,
    "l": 50.392
  },
  "oklch": {
    "l": 0.74021,
    "c": 0.17415,
    "h": 132.8
  },
  "luminance": 0.42946
}

Semantic roles & 50–950 ramp

primary
#7EC140
secondary
#B092CB
accent
#4DDA97
background
#FAFDF7
surface
#F4FAEE
border
#CED3C9
text
#10140A
muted
#7F837C

Preview Lab

Preview with #7EC140

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

Preview Lab → · Contrast checker → · Palette generator →

#7EC140 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva