#AFDB87#AFDB87

#AFDB87 is a very light, vivid yellow-green. Relative luminance 0.615; OKLCH L 84.0% C 0.120 H 131.1°. Best body text is #000000 at 13.31:1 contrast (WCAG AA passes).

Color values

HEX	#AFDB87
RGB	rgb(175, 219, 135)
HSL	hsl(91, 54%, 69%)
HSV	hsv(91, 38%, 86%)
CMYK	cmyk(20.1%, 0%, 38.4%, 14.1%)
CIE-LAB	lab(82.66, -28.80, 36.72)
CIE-LCH	lch(82.66, 46.67, 128.11°)
OKLab	oklab(84.04% -0.0789 0.0905)
OKLCH	oklch(84.04% 0.12 131.1)
XYZ	xyz(47.3831, 61.5254, 32.2962)
Luminance	0.6153 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#AFDB87 #B387DB

analogous

#D9DB87 #AFDB87 #87DB89

triadic

#AFDB87 #87AFDB #DB87AF

tetradic

#AFDB87 #87D9DB #B387DB #DB8987

square

#AFDB87 #87D9DB #B387DB #DB8987

split-complementary

#AFDB87 #8987DB #DB87D9

monochromatic

#71B235 #90CD58 #AFDB87 #CEE9B6 #EEF7E5

Accessibility & contrast

On white

1.58

#AFDB87 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.31

#AFDB87 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #AFDB87

13.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##AFDB87	#FFFFFF	#000000	##000000
##AFDB87	1.00	1.58	13.31	13.31
#FFFFFF	1.58	1.00	21.00	21.00
#000000	13.31	21.00	1.00	1.00
##000000	13.31	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#E2D081

Deuteranopia (green-blind)

#DBCD8B

Tritanopia (blue-blind)

#B1D4C6

Achromatopsia (no color)

#CECECE

Design tokens & code

CSS

--color: #afdb87;
/* rgb */ color: rgb(175, 219, 135);
/* oklch */ color: oklch(84.0% 0.120 131.1);

Tailwind

colors: {
  custom: {
    50: '#c8e6ab',
    500: '#afdb87',
    950: '#000000',
  },
}

SCSS

$custom: #afdb87;
$custom-light: #c8e6ab;
$custom-dark: #000000;

JSON

{
  "hex": "#afdb87",
  "rgb": {
    "r": 175,
    "g": 219,
    "b": 135
  },
  "hsl": {
    "h": 91.429,
    "s": 53.846,
    "l": 69.412
  },
  "oklch": {
    "l": 0.84044,
    "c": 0.12004,
    "h": 131.1
  },
  "luminance": 0.61526
}

Semantic roles & 50–950 ramp

primary

#AFDB87

secondary

#8554B2

accent

#24C176

background

#FDFEFD

surface

#F9FCF7

border

#D2D5D0

text

#131610

muted

#828481

Preview Lab

Preview with #AFDB87

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

Preview Lab → · Contrast checker → · Palette generator →