#ABD5BF#ABD5BF

#ABD5BF is a very light, muted green. Relative luminance 0.600; OKLCH L 83.7% C 0.054 H 162.2°. Best body text is #000000 at 13.00:1 contrast (WCAG AA passes).

Color values

HEX	#ABD5BF
RGB	rgb(171, 213, 191)
HSL	hsl(149, 33%, 75%)
HSV	hsv(149, 20%, 84%)
CMYK	cmyk(19.7%, 0%, 10.3%, 16.5%)
CIE-LAB	lab(81.84, -18.13, 6.35)
CIE-LCH	lch(81.84, 19.21, 160.69°)
OKLab	oklab(83.68% -0.0512 0.0165)
OKLCH	oklch(83.68% 0.054 162.2)
XYZ	xyz(49.9903, 60.0065, 58.2287)
Luminance	0.6001 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#ABD5BF #D5ABC1

analogous

#ACD5AB #ABD5BF #ABD5D4

triadic

#ABD5BF #BFABD5 #D5BFAB

tetradic

#ABD5BF #ABACD5 #D5ABC1 #D5D4AB

square

#ABD5BF #ABACD5 #D5ABC1 #D5D4AB

split-complementary

#ABD5BF #D4ABD5 #D5ABAC

monochromatic

#59AC81 #82C1A0 #ABD5BF #D4E9DE #EBF5EF

Accessibility & contrast

On white

1.62

#ABD5BF on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.00

#ABD5BF on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ABD5BF

13.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##ABD5BF	#FFFFFF	#000000	##000000
##ABD5BF	1.00	1.62	13.00	13.00
#FFFFFF	1.62	1.00	21.00	21.00
#000000	13.00	21.00	1.00	1.00
##000000	13.00	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#D4CFBE

Deuteranopia (green-blind)

#CCC9C0

Tritanopia (blue-blind)

#A3D5CE

Achromatopsia (no color)

#CBCBCB

Design tokens & code

CSS

--color: #abd5bf;
/* rgb */ color: rgb(171, 213, 191);
/* oklch */ color: oklch(83.7% 0.054 162.2);

Tailwind

colors: {
  custom: {
    50: '#c4e2d2',
    500: '#abd5bf',
    950: '#000000',
  },
}

SCSS

$custom: #abd5bf;
$custom-light: #c4e2d2;
$custom-dark: #000000;

JSON

{
  "hex": "#abd5bf",
  "rgb": {
    "r": 171,
    "g": 213,
    "b": 191
  },
  "hsl": {
    "h": 148.571,
    "s": 33.333,
    "l": 75.294
  },
  "oklch": {
    "l": 0.83682,
    "c": 0.05376,
    "h": 162.2
  },
  "luminance": 0.60008
}

Semantic roles & 50–950 ramp

primary

#ABD5BF

secondary

#AC7993

accent

#3975AC

background

#FDFEFE

surface

#F9FCFB

border

#D2D5D4

text

#121514

muted

#828483

Preview Lab

Preview with #ABD5BF

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

Preview Lab → · Contrast checker → · Palette generator →