#D2FFAF#D2FFAF

#D2FFAF is a very light, moderate yellow-green. Relative luminance 0.883; OKLCH L 95.0% C 0.114 H 132.1°. Best body text is #000000 at 18.66:1 contrast (WCAG AA passes).

Color values

HEX#D2FFAF
RGBrgb(210, 255, 175)
HSLhsl(94, 100%, 84%)
HSVhsv(94, 31%, 100%)
CMYKcmyk(17.6%, 0%, 31.4%, 0%)
CIE-LABlab(95.29, -28.02, 33.67)
CIE-LCHlch(95.29, 43.80, 129.77°)
OKLaboklab(94.95% -0.0762 0.0843)
OKLCHoklch(94.95% 0.114 132.1)
XYZxyz(70.0748, 88.3156, 53.9039)
Luminance0.8832 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D2FFAF #DCAFFF
analogous
#FAFFAF #D2FFAF #AFFFB4
triadic
#D2FFAF #AFD2FF #FFAFD2
tetradic
#D2FFAF #AFFAFF #DCAFFF #FFB4AF
square
#D2FFAF #AFFAFF #DCAFFF #FFB4AF
split-complementary
#D2FFAF #B4AFFF #FFAFFA
monochromatic
#8DFF35 #B0FF72 #D2FFAF #EEFFE0 #EEFFE0

Accessibility & contrast

On white

1.13
#D2FFAF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.66
#D2FFAF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #D2FFAF
18.66:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D2FFAF#FFFFFF#000000##000000
##D2FFAF1.001.1318.6618.66
#FFFFFF1.131.0021.0021.00
#00000018.6621.001.001.00
##00000018.6621.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF4AA
Deuteranopia (green-blind)
#FFF0B3
Tritanopia (blue-blind)
#D4F9EA
Achromatopsia (no color)
#F1F1F1

Design tokens & code

CSS
--color: #d2ffaf;
/* rgb */ color: rgb(210, 255, 175);
/* oklch */ color: oklch(95.0% 0.114 132.1);
Tailwind
colors: {
  custom: {
    50: '#e0ffc7',
    500: '#d2ffaf',
    950: '#000000',
  },
}
SCSS
$custom: #d2ffaf;
$custom-light: #e0ffc7;
$custom-dark: #000000;
JSON
{
  "hex": "#d2ffaf",
  "rgb": {
    "r": 210,
    "g": 255,
    "b": 175
  },
  "hsl": {
    "h": 93.75,
    "s": 100,
    "l": 84.314
  },
  "oklch": {
    "l": 0.94953,
    "c": 0.11361,
    "h": 132.1
  },
  "luminance": 0.88317
}

Semantic roles & 50–950 ramp

primary
#D2FFAF
secondary
#B16DE5
accent
#00E681
background
#FEFFFD
surface
#FCFFF9
border
#D5D7D2
text
#151813
muted
#848682

Preview Lab

Preview with #D2FFAF

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

Preview Lab → · Contrast checker → · Palette generator →

#D2FFAF Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva