#ABCD9C#ABCD9C

#ABCD9C is a light, moderate green. Relative luminance 0.547; OKLCH L 81.1% C 0.076 H 136.2°. Best body text is #000000 at 11.94:1 contrast (WCAG AA passes).

Color values

HEX	#ABCD9C
RGB	rgb(171, 205, 156)
HSL	hsl(102, 33%, 71%)
HSV	hsv(102, 24%, 80%)
CMYK	cmyk(16.6%, 0%, 23.9%, 19.6%)
CIE-LAB	lab(78.88, -20.35, 20.76)
CIE-LCH	lch(78.88, 29.07, 134.43°)
OKLab	oklab(81.07% -0.0551 0.0529)
OKLCH	oklch(81.07% 0.076 136.2)
XYZ	xyz(44.6254, 54.7201, 39.6570)
Luminance	0.5472 (WCAG relative)
Temperature	warm
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#ABCD9C #BE9CCD

analogous

#C3CD9C #ABCD9C #9CCDA5

triadic

#ABCD9C #9CABCD #CD9CAB

tetradic

#ABCD9C #9CC3CD #BE9CCD #CDA59C

square

#ABCD9C #9CC3CD #BE9CCD #CDA59C

split-complementary

#ABCD9C #A59CCD #CD9CC3

monochromatic

#689F50 #88B873 #ABCD9C #CEE2C5 #EEF5EB

Accessibility & contrast

On white

1.76

#ABCD9C on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.94

#ABCD9C on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ABCD9C

11.94:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##ABCD9C	#FFFFFF	#000000	##000000
##ABCD9C	1.00	1.76	11.94	11.94
#FFFFFF	1.76	1.00	21.00	21.00
#000000	11.94	21.00	1.00	1.00
##000000	11.94	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#D1C599

Deuteranopia (green-blind)

#CBC29E

Tritanopia (blue-blind)

#ABC9C0

Achromatopsia (no color)

#C3C3C3

Design tokens & code

CSS

--color: #abcd9c;
/* rgb */ color: rgb(171, 205, 156);
/* oklch */ color: oklch(81.1% 0.076 136.2);

Tailwind

colors: {
  custom: {
    50: '#c4dcb9',
    500: '#abcd9c',
    950: '#000000',
  },
}

SCSS

$custom: #abcd9c;
$custom-light: #c4dcb9;
$custom-dark: #000000;

JSON

{
  "hex": "#abcd9c",
  "rgb": {
    "r": 171,
    "g": 205,
    "b": 156
  },
  "hsl": {
    "h": 101.633,
    "s": 32.886,
    "l": 70.784
  },
  "oklch": {
    "l": 0.81065,
    "c": 0.07637,
    "h": 136.2
  },
  "luminance": 0.54721
}

Semantic roles & 50–950 ramp

primary

#ABCD9C

secondary

#916BA2

accent

#3AAC89

background

#FDFEFD

surface

#F9FCF8

border

#D2D5D1

text

#131511

muted

#828481

Preview Lab

Preview with #ABCD9C

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

Preview Lab → · Contrast checker → · Palette generator →