#64AA73#64AA73

#64AA73 is a light, moderate green. Relative luminance 0.327; OKLCH L 67.7% C 0.108 H 149.7°. Best body text is #000000 at 7.54:1 contrast (WCAG AA passes).

Color values

HEX	#64AA73
RGB	rgb(100, 170, 115)
HSL	hsl(133, 29%, 53%)
HSV	hsv(133, 41%, 67%)
CMYK	cmyk(41.2%, 0%, 32.4%, 33.3%)
CIE-LAB	lab(63.91, -34.13, 21.63)
CIE-LCH	lch(63.91, 40.40, 147.64°)
OKLab	oklab(67.7% -0.0931 0.0545)
OKLCH	oklch(67.7% 0.108 149.7)
XYZ	xyz(22.7235, 32.6952, 21.3298)
Luminance	0.3270 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#64AA73 #AA649B

analogous

#78AA64 #64AA73 #64AA96

triadic

#64AA73 #7364AA #AA7364

tetradic

#64AA73 #6478AA #AA649B #AA9664

square

#64AA73 #6478AA #AA649B #AA9664

split-complementary

#64AA73 #9664AA #AA6478

monochromatic

#345F3D #4A8757 #64AA73 #8CC097 #B3D5BA

Accessibility & contrast

On white

2.79

#64AA73 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.54

#64AA73 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #64AA73

7.54:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##64AA73	#FFFFFF	#000000	##000000
##64AA73	1.00	2.79	7.54	7.54
#FFFFFF	2.79	1.00	21.00	21.00
#000000	7.54	21.00	1.00	1.00
##000000	7.54	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#AB9F70

Deuteranopia (green-blind)

#A09876

Tritanopia (blue-blind)

#58A89C

Achromatopsia (no color)

#9B9B9B

Design tokens & code

CSS

--color: #64aa73;
/* rgb */ color: rgb(100, 170, 115);
/* oklch */ color: oklch(67.7% 0.108 149.7);

Tailwind

colors: {
  custom: {
    50: '#93c49b',
    500: '#64aa73',
    950: '#000000',
  },
}

SCSS

$custom: #64aa73;
$custom-light: #93c49b;
$custom-dark: #000000;

JSON

{
  "hex": "#64aa73",
  "rgb": {
    "r": 100,
    "g": 170,
    "b": 115
  },
  "hsl": {
    "h": 132.857,
    "s": 29.167,
    "l": 52.941
  },
  "oklch": {
    "l": 0.67696,
    "c": 0.10787,
    "h": 149.7
  },
  "luminance": 0.32697
}

Semantic roles & 50–950 ramp

primary

#64AA73

secondary

#C4A6BE

accent

#62B0C5

background

#F9FCF9

surface

#F2F8F2

border

#CCD1CC

text

#0D120E

muted

#7E817E

Preview Lab

Preview with #64AA73

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

Preview Lab → · Contrast checker → · Palette generator →