#7DDD92#7DDD92

#7DDD92 is a light, vivid green. Relative luminance 0.581; OKLCH L 81.9% C 0.140 H 149.5°. Best body text is #000000 at 12.63:1 contrast (WCAG AA passes).

Color values

HEX#7DDD92
RGBrgb(125, 221, 146)
HSLhsl(133, 59%, 68%)
HSVhsv(133, 43%, 87%)
CMYKcmyk(43.4%, 0%, 33.9%, 13.3%)
CIE-LABlab(80.82, -44.20, 28.21)
CIE-LCHlch(80.82, 52.44, 147.45°)
OKLaboklab(81.93% -0.1204 0.0708)
OKLCHoklch(81.93% 0.14 149.5)
XYZxyz(39.4998, 58.1455, 36.3304)
Luminance0.5815 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7DDD92 #DD7DC8
analogous
#98DD7D #7DDD92 #7DDDC2
triadic
#7DDD92 #927DDD #DD927D
tetradic
#7DDD92 #7D98DD #DD7DC8 #DDC27D
square
#7DDD92 #7D98DD #DD7DC8 #DDC27D
split-complementary
#7DDD92 #C27DDD #DD7D98
monochromatic
#2EB14B #4CD069 #7DDD92 #AEEABB #DEF6E3

Accessibility & contrast

On white

1.66
#7DDD92 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.63
#7DDD92 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7DDD92
12.63:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7DDD92#FFFFFF#000000##000000
##7DDD921.001.6612.6312.63
#FFFFFF1.661.0021.0021.00
#00000012.6321.001.001.00
##00000012.6321.001.001.00

Color blindness preview

Protanopia (red-blind)
#DECE8D
Deuteranopia (green-blind)
#D0C596
Tritanopia (blue-blind)
#6CDACA
Achromatopsia (no color)
#C9C9C9

Design tokens & code

CSS
--color: #7ddd92;
/* rgb */ color: rgb(125, 221, 146);
/* oklch */ color: oklch(81.9% 0.140 149.5);
Tailwind
colors: {
  custom: {
    50: '#a7e8b2',
    500: '#7ddd92',
    950: '#000000',
  },
}
SCSS
$custom: #7ddd92;
$custom-light: #a7e8b2;
$custom-dark: #000000;
JSON
{
  "hex": "#7ddd92",
  "rgb": {
    "r": 125,
    "g": 221,
    "b": 146
  },
  "hsl": {
    "h": 133.125,
    "s": 58.537,
    "l": 67.843
  },
  "oklch": {
    "l": 0.81925,
    "c": 0.13965,
    "h": 149.5
  },
  "luminance": 0.58148
}

Semantic roles & 50–950 ramp

primary
#7DDD92
secondary
#B34B9C
accent
#1FA2C6
background
#FDFEFD
surface
#F7FDF8
border
#D0D5D1
text
#101611
muted
#818481

Preview Lab

Preview with #7DDD92

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

Preview Lab → · Contrast checker → · Palette generator →

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