#7DDC69#7DDC69

#7DDC69 is a light, vivid green. Relative luminance 0.566; OKLCH L 81.0% C 0.177 H 140.2°. Best body text is #000000 at 12.31:1 contrast (WCAG AA passes).

Color values

HEX#7DDC69
RGBrgb(125, 220, 105)
HSLhsl(110, 62%, 64%)
HSVhsv(110, 52%, 86%)
CMYKcmyk(43.2%, 0%, 52.3%, 13.7%)
CIE-LABlab(79.93, -49.75, 47.42)
CIE-LCHlch(79.93, 68.73, 136.37°)
OKLaboklab(81.01% -0.1361 0.1134)
OKLCHoklch(81.01% 0.177 140.2)
XYZxyz(36.5990, 56.5640, 22.3513)
Luminance0.5657 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7DDC69 #C869DC
analogous
#B6DC69 #7DDC69 #69DC8E
triadic
#7DDC69 #697DDC #DC697D
tetradic
#7DDC69 #69B6DC #C869DC #DC8E69
square
#7DDC69 #69B6DC #C869DC #DC8E69
split-complementary
#7DDC69 #8E69DC #DC69B6
monochromatic
#3CA426 #52D037 #7DDC69 #A8E89B #D3F3CC

Accessibility & contrast

On white

1.71
#7DDC69 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.31
#7DDC69 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7DDC69
12.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7DDC69#FFFFFF#000000##000000
##7DDC691.001.7112.3112.31
#FFFFFF1.711.0021.0021.00
#00000012.3121.001.001.00
##00000012.3121.001.001.00

Color blindness preview

Protanopia (red-blind)
#E1CB5F
Deuteranopia (green-blind)
#D4C371
Tritanopia (blue-blind)
#75D6C2
Achromatopsia (no color)
#C6C6C6

Design tokens & code

CSS
--color: #7ddc69;
/* rgb */ color: rgb(125, 220, 105);
/* oklch */ color: oklch(81.0% 0.177 140.2);
Tailwind
colors: {
  custom: {
    50: '#a8e796',
    500: '#7ddc69',
    950: '#000000',
  },
}
SCSS
$custom: #7ddc69;
$custom-light: #a8e796;
$custom-dark: #000000;
JSON
{
  "hex": "#7ddc69",
  "rgb": {
    "r": 125,
    "g": 220,
    "b": 105
  },
  "hsl": {
    "h": 109.565,
    "s": 62.162,
    "l": 63.725
  },
  "oklch": {
    "l": 0.8101,
    "c": 0.17717,
    "h": 140.2
  },
  "luminance": 0.56566
}

Semantic roles & 50–950 ramp

primary
#7DDC69
secondary
#9642A7
accent
#1CCAAC
background
#FDFEFC
surface
#F7FCF5
border
#D0D5CF
text
#10160E
muted
#81847F

Preview Lab

Preview with #7DDC69

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

Preview Lab → · Contrast checker → · Palette generator →

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