#67DD7C#67DD7C

#67DD7C is a light, vivid green. Relative luminance 0.561; OKLCH L 80.6% C 0.172 H 147.5°. Best body text is #000000 at 12.21:1 contrast (WCAG AA passes).

Color values

HEX#67DD7C
RGBrgb(103, 221, 124)
HSLhsl(131, 63%, 64%)
HSVhsv(131, 53%, 87%)
CMYKcmyk(53.4%, 0%, 43.9%, 13.3%)
CIE-LABlab(79.64, -53.57, 37.66)
CIE-LCHlch(79.64, 65.49, 144.89°)
OKLaboklab(80.62% -0.1452 0.0925)
OKLCHoklch(80.62% 0.172 147.5)
XYZxyz(35.0858, 56.0487, 28.0344)
Luminance0.5605 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#67DD7C #DD67C8
analogous
#8DDD67 #67DD7C #67DDB7
triadic
#67DD7C #7C67DD #DD7C67
tetradic
#67DD7C #678DDD #DD67C8 #DDB767
square
#67DD7C #678DDD #DD67C8 #DDB767
split-complementary
#67DD7C #B767DD #DD678D
monochromatic
#25A53C #35D251 #67DD7C #99E8A7 #CBF3D2

Accessibility & contrast

On white

1.72
#67DD7C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.21
#67DD7C on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #67DD7C
12.21:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##67DD7C#FFFFFF#000000##000000
##67DD7C1.001.7212.2112.21
#FFFFFF1.721.0021.0021.00
#00000012.2121.001.001.00
##00000012.2121.001.001.00

Color blindness preview

Protanopia (red-blind)
#DFCC75
Deuteranopia (green-blind)
#CFC182
Tritanopia (blue-blind)
#4FD9C6
Achromatopsia (no color)
#C5C5C5

Design tokens & code

CSS
--color: #67dd7c;
/* rgb */ color: rgb(103, 221, 124);
/* oklch */ color: oklch(80.6% 0.172 147.5);
Tailwind
colors: {
  custom: {
    50: '#9be8a3',
    500: '#67dd7c',
    950: '#000000',
  },
}
SCSS
$custom: #67dd7c;
$custom-light: #9be8a3;
$custom-dark: #000000;
JSON
{
  "hex": "#67dd7c",
  "rgb": {
    "r": 103,
    "g": 221,
    "b": 124
  },
  "hsl": {
    "h": 130.678,
    "s": 63.441,
    "l": 63.529
  },
  "oklch": {
    "l": 0.8062,
    "c": 0.17211,
    "h": 147.5
  },
  "luminance": 0.56052
}

Semantic roles & 50–950 ramp

primary
#67DD7C
secondary
#A84195
accent
#1AACCB
background
#FCFEFC
surface
#F5FDF5
border
#CFD5CF
text
#0F160F
muted
#808480

Preview Lab

Preview with #67DD7C

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

Preview Lab → · Contrast checker → · Palette generator →

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