#67E149#67E149

#67E149 is a light, highly saturated green. Relative luminance 0.572; OKLCH L 81.0% C 0.219 H 140.0°. Best body text is #000000 at 12.44:1 contrast (WCAG AA passes).

Color values

HEX#67E149
RGBrgb(103, 225, 73)
HSLhsl(108, 72%, 58%)
HSVhsv(108, 68%, 88%)
CMYKcmyk(54.2%, 0%, 67.6%, 11.8%)
CIE-LABlab(80.30, -61.12, 61.45)
CIE-LCHlch(80.30, 86.67, 134.85°)
OKLaboklab(80.98% -0.1677 0.1407)
OKLCHoklch(80.98% 0.219 140)
XYZxyz(33.7199, 57.2123, 15.5682)
Luminance0.5722 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#67E149 #C349E1
analogous
#B3E149 #67E149 #49E177
triadic
#67E149 #4967E1 #E14967
tetradic
#67E149 #49B3E1 #C349E1 #E17749
square
#67E149 #49B3E1 #C349E1 #E17749
split-complementary
#67E149 #7749E1 #E149B3
monochromatic
#329719 #43CB22 #67E149 #93EA7E #BFF2B2

Accessibility & contrast

On white

1.69
#67E149 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.44
#67E149 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #67E149
12.44:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##67E149#FFFFFF#000000##000000
##67E1491.001.6912.4412.44
#FFFFFF1.691.0021.0021.00
#00000012.4421.001.001.00
##00000012.4421.001.001.00

Color blindness preview

Protanopia (red-blind)
#E7CE33
Deuteranopia (green-blind)
#D7C357
Tritanopia (blue-blind)
#59DAC2
Achromatopsia (no color)
#C7C7C7

Design tokens & code

CSS
--color: #67e149;
/* rgb */ color: rgb(103, 225, 73);
/* oklch */ color: oklch(81.0% 0.219 140.0);
Tailwind
colors: {
  custom: {
    50: '#9deb83',
    500: '#67e149',
    950: '#000000',
  },
}
SCSS
$custom: #67e149;
$custom-light: #9deb83;
$custom-dark: #000000;
JSON
{
  "hex": "#67e149",
  "rgb": {
    "r": 103,
    "g": 225,
    "b": 73
  },
  "hsl": {
    "h": 108.158,
    "s": 71.698,
    "l": 58.431
  },
  "oklch": {
    "l": 0.80982,
    "c": 0.21886,
    "h": 140
  },
  "luminance": 0.57215
}

Semantic roles & 50–950 ramp

primary
#67E149
secondary
#86339B
accent
#39EECB
background
#FCFFFB
surface
#F6FEF2
border
#D0D6CC
text
#0F160B
muted
#80857E

Preview Lab

Preview with #67E149

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

Preview Lab → · Contrast checker → · Palette generator →

#67E149 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva