#ACFBD2#ACFBD2

#ACFBD2 is a very light, moderate green. Relative luminance 0.824; OKLCH L 92.6% C 0.096 H 161.1°. Best body text is #000000 at 17.48:1 contrast (WCAG AA passes).

Color values

HEX	#ACFBD2
RGB	rgb(172, 251, 210)
HSL	hsl(149, 91%, 83%)
HSV	hsv(149, 31%, 98%)
CMYK	cmyk(31.5%, 0%, 16.3%, 1.6%)
CIE-LAB	lab(92.76, -32.51, 12.04)
CIE-LCH	lch(92.76, 34.67, 159.68°)
OKLab	oklab(92.58% -0.0908 0.031)
OKLCH	oklch(92.58% 0.096 161.1)
XYZ	xyz(63.1393, 82.4149, 73.5411)
Luminance	0.8242 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#ACFBD2 #FBACD5

analogous

#ADFBAC #ACFBD2 #ACFBFA

triadic

#ACFBD2 #D2ACFB #FBD2AC

tetradic

#ACFBD2 #ACADFB #FBACD5 #FBFAAC

square

#ACFBD2 #ACADFB #FBACD5 #FBFAAC

split-complementary

#ACFBD2 #FAACFB #FBACAD

monochromatic

#37F593 #72F8B2 #ACFBD2 #E2FEEF #E2FEEF

Accessibility & contrast

On white

1.20

#ACFBD2 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

17.48

#ACFBD2 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ACFBD2

17.48:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##ACFBD2	#FFFFFF	#000000	##000000
##ACFBD2	1.00	1.20	17.48	17.48
#FFFFFF	1.20	1.00	21.00	21.00
#000000	17.48	21.00	1.00	1.00
##000000	17.48	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#F9F0D0

Deuteranopia (green-blind)

#ECE6D4

Tritanopia (blue-blind)

#9BFBEF

Achromatopsia (no color)

#EAEAEA

Design tokens & code

CSS

--color: #acfbd2;
/* rgb */ color: rgb(172, 251, 210);
/* oklch */ color: oklch(92.6% 0.096 161.1);

Tailwind

colors: {
  custom: {
    50: '#c7fddf',
    500: '#acfbd2',
    950: '#000000',
  },
}

SCSS

$custom: #acfbd2;
$custom-light: #c7fddf;
$custom-dark: #000000;

JSON

{
  "hex": "#acfbd2",
  "rgb": {
    "r": 172,
    "g": 251,
    "b": 210
  },
  "hsl": {
    "h": 148.861,
    "s": 90.805,
    "l": 82.941
  },
  "oklch": {
    "l": 0.92583,
    "c": 0.09597,
    "h": 161.1
  },
  "luminance": 0.82418
}

Semantic roles & 50–950 ramp

primary

#ACFBD2

secondary

#DE6DA8

accent

#0077E6

background

#FDFFFE

surface

#F9FFFC

border

#D2D7D5

text

#131715

muted

#828584

Preview Lab

Preview with #ACFBD2

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

Preview Lab → · Contrast checker → · Palette generator →