#7AD396#7AD396

#7AD396 is a light, vivid green. Relative luminance 0.529; OKLCH L 79.5% C 0.123 H 152.9°. Best body text is #000000 at 11.59:1 contrast (WCAG AA passes).

Color values

HEX	#7AD396
RGB	rgb(122, 211, 150)
HSL	hsl(139, 50%, 65%)
HSV	hsv(139, 42%, 83%)
CMYK	cmyk(42.2%, 0%, 28.9%, 17.3%)
CIE-LAB	lab(77.83, -39.95, 22.06)
CIE-LCH	lch(77.83, 45.63, 151.09°)
OKLab	oklab(79.49% -0.1092 0.0559)
OKLCH	oklch(79.49% 0.123 152.9)
XYZ	xyz(36.8230, 52.9257, 37.1236)
Luminance	0.5293 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#7AD396 #D37AB7

analogous

#8BD37A #7AD396 #7AD3C2

triadic

#7AD396 #967AD3 #D3967A

tetradic

#7AD396 #7A8BD3 #D37AB7 #D3C27A

square

#7AD396 #7A8BD3 #D37AB7 #D3C27A

split-complementary

#7AD396 #C27AD3 #D37A8B

monochromatic

#349E56 #4CC472 #7AD396 #A8E2BA #D6F1DF

Accessibility & contrast

On white

1.81

#7AD396 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.59

#7AD396 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7AD396

11.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##7AD396	#FFFFFF	#000000	##000000
##7AD396	1.00	1.81	11.59	11.59
#FFFFFF	1.81	1.00	21.00	21.00
#000000	11.59	21.00	1.00	1.00
##000000	11.59	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#D3C692

Deuteranopia (green-blind)

#C6BD9A

Tritanopia (blue-blind)

#68D1C3

Achromatopsia (no color)

#C0C0C0

Design tokens & code

CSS

--color: #7ad396;
/* rgb */ color: rgb(122, 211, 150);
/* oklch */ color: oklch(79.5% 0.123 152.9);

Tailwind

colors: {
  custom: {
    50: '#a4e1b5',
    500: '#7ad396',
    950: '#000000',
  },
}

SCSS

$custom: #7ad396;
$custom-light: #a4e1b5;
$custom-dark: #000000;

JSON

{
  "hex": "#7ad396",
  "rgb": {
    "r": 122,
    "g": 211,
    "b": 150
  },
  "hsl": {
    "h": 138.876,
    "s": 50.282,
    "l": 65.294
  },
  "oklch": {
    "l": 0.79485,
    "c": 0.12273,
    "h": 152.9
  },
  "luminance": 0.52928
}

Semantic roles & 50–950 ramp

primary

#7AD396

secondary

#A34E88

accent

#288FBE

background

#FCFEFD

surface

#F6FCF8

border

#D0D5D1

text

#101511

muted

#808481

Preview Lab

Preview with #7AD396

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

Preview Lab → · Contrast checker → · Palette generator →