#64D59C#64D59C

#64D59C is a light, vivid green. Relative luminance 0.527; OKLCH L 79.2% C 0.133 H 159.2°. Best body text is #000000 at 11.54:1 contrast (WCAG AA passes).

Color values

HEX	#64D59C
RGB	rgb(100, 213, 156)
HSL	hsl(150, 57%, 61%)
HSV	hsv(150, 53%, 84%)
CMYK	cmyk(53.1%, 0%, 26.8%, 16.5%)
CIE-LAB	lab(77.69, -45.31, 18.58)
CIE-LCH	lch(77.69, 48.97, 157.71°)
OKLab	oklab(79.18% -0.1243 0.0473)
OKLCH	oklch(79.18% 0.133 159.2)
XYZ	xyz(35.0476, 52.6950, 39.7703)
Luminance	0.5270 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#64D59C #D5649D

analogous

#65D564 #64D59C #64D5D5

triadic

#64D59C #9C64D5 #D59C64

tetradic

#64D59C #6465D5 #D5649D #D5D564

square

#64D59C #6465D5 #D5649D #D5D564

split-complementary

#64D59C #D564D5 #D56465

monochromatic

#29965F #36C67D #64D59C #94E2BB #C4EFDA

Accessibility & contrast

On white

1.82

#64D59C on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.54

#64D59C on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #64D59C

11.54:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##64D59C	#FFFFFF	#000000	##000000
##64D59C	1.00	1.82	11.54	11.54
#FFFFFF	1.82	1.00	21.00	21.00
#000000	11.54	21.00	1.00	1.00
##000000	11.54	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#D3C799

Deuteranopia (green-blind)

#C3BBA0

Tritanopia (blue-blind)

#3FD4C6

Achromatopsia (no color)

#C0C0C0

Design tokens & code

CSS

--color: #64d59c;
/* rgb */ color: rgb(100, 213, 156);
/* oklch */ color: oklch(79.2% 0.133 159.2);

Tailwind

colors: {
  custom: {
    50: '#98e2b9',
    500: '#64d59c',
    950: '#000000',
  },
}

SCSS

$custom: #64d59c;
$custom-light: #98e2b9;
$custom-dark: #000000;

JSON

{
  "hex": "#64d59c",
  "rgb": {
    "r": 100,
    "g": 213,
    "b": 156
  },
  "hsl": {
    "h": 149.735,
    "s": 57.36,
    "l": 61.373
  },
  "oklch": {
    "l": 0.79179,
    "c": 0.13303,
    "h": 159.2
  },
  "luminance": 0.52698
}

Semantic roles & 50–950 ramp

primary

#64D59C

secondary

#9B426F

accent

#2173C5

background

#FCFEFD

surface

#F5FCF8

border

#CFD5D1

text

#0E1511

muted

#7F8481

Preview Lab

Preview with #64D59C

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

Preview Lab → · Contrast checker → · Palette generator →