#A2CD91#A2CD91

#A2CD91 is a light, moderate green. Relative luminance 0.534; OKLCH L 80.2% C 0.094 H 137.0°. Best body text is #000000 at 11.68:1 contrast (WCAG AA passes).

Color values

HEX	#A2CD91
RGB	rgb(162, 205, 145)
HSL	hsl(103, 38%, 69%)
HSV	hsv(103, 29%, 80%)
CMYK	cmyk(21%, 0%, 29.3%, 19.6%)
CIE-LAB	lab(78.10, -25.26, 25.40)
CIE-LCH	lch(78.10, 35.82, 134.85°)
OKLab	oklab(80.23% -0.0687 0.064)
OKLCH	oklch(80.23% 0.094 137)
XYZ	xyz(41.8413, 53.3874, 34.8829)
Luminance	0.5339 (WCAG relative)
Temperature	warm
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#A2CD91 #BC91CD

analogous

#C0CD91 #A2CD91 #91CD9E

triadic

#A2CD91 #91A2CD #CD91A2

tetradic

#A2CD91 #91C0CD #BC91CD #CD9E91

square

#A2CD91 #91C0CD #BC91CD #CD9E91

split-complementary

#A2CD91 #9E91CD #CD91C0

monochromatic

#5F9C47 #7EBA67 #A2CD91 #C6E0BB #E9F3E5

Accessibility & contrast

On white

1.80

#A2CD91 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.68

#A2CD91 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A2CD91

11.68:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##A2CD91	#FFFFFF	#000000	##000000
##A2CD91	1.00	1.80	11.68	11.68
#FFFFFF	1.80	1.00	21.00	21.00
#000000	11.68	21.00	1.00	1.00
##000000	11.68	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#D1C48D

Deuteranopia (green-blind)

#CAC094

Tritanopia (blue-blind)

#A1C9BD

Achromatopsia (no color)

#C1C1C1

Design tokens & code

CSS

--color: #a2cd91;
/* rgb */ color: rgb(162, 205, 145);
/* oklch */ color: oklch(80.2% 0.094 137.0);

Tailwind

colors: {
  custom: {
    50: '#bedcb1',
    500: '#a2cd91',
    950: '#000000',
  },
}

SCSS

$custom: #a2cd91;
$custom-light: #bedcb1;
$custom-dark: #000000;

JSON

{
  "hex": "#a2cd91",
  "rgb": {
    "r": 162,
    "g": 205,
    "b": 145
  },
  "hsl": {
    "h": 103,
    "s": 37.5,
    "l": 68.627
  },
  "oklch": {
    "l": 0.80229,
    "c": 0.09391,
    "h": 137
  },
  "luminance": 0.53388
}

Semantic roles & 50–950 ramp

primary

#A2CD91

secondary

#8F60A2

accent

#35B08D

background

#FDFEFD

surface

#F8FCF7

border

#D1D5D0

text

#121510

muted

#828481

Preview Lab

Preview with #A2CD91

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

Preview Lab → · Contrast checker → · Palette generator →