#D5FCAC#D5FCAC

#D5FCAC is a very light, moderate yellow-green. Relative luminance 0.867; OKLCH L 94.5% C 0.111 H 129.4°. Best body text is #000000 at 18.35:1 contrast (WCAG AA passes).

Color values

HEX#D5FCAC
RGBrgb(213, 252, 172)
HSLhsl(89, 93%, 83%)
HSVhsv(89, 32%, 99%)
CMYKcmyk(15.5%, 0%, 31.7%, 1.2%)
CIE-LABlab(94.63, -25.97, 34.32)
CIE-LCHlch(94.63, 43.04, 127.12°)
OKLaboklab(94.45% -0.0705 0.0858)
OKLCHoklch(94.45% 0.111 129.4)
XYZxyz(69.6962, 86.7447, 52.0932)
Luminance0.8675 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D5FCAC #D3ACFC
analogous
#FCFBAC #D5FCAC #ADFCAC
triadic
#D5FCAC #ACD5FC #FCACD5
tetradic
#D5FCAC #ACFCFB #D3ACFC #FCACAD
square
#D5FCAC #ACFCFB #D3ACFC #FCACAD
split-complementary
#D5FCAC #ACADFC #FBACFC
monochromatic
#99F836 #B7FA71 #D5FCAC #F0FEE1 #F0FEE1

Accessibility & contrast

On white

1.14
#D5FCAC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.35
#D5FCAC on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #D5FCAC
18.35:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D5FCAC#FFFFFF#000000##000000
##D5FCAC1.001.1418.3518.35
#FFFFFF1.141.0021.0021.00
#00000018.3521.001.001.00
##00000018.3521.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF1A7
Deuteranopia (green-blind)
#FEEFB0
Tritanopia (blue-blind)
#D8F5E7
Achromatopsia (no color)
#F0F0F0

Design tokens & code

CSS
--color: #d5fcac;
/* rgb */ color: rgb(213, 252, 172);
/* oklch */ color: oklch(94.5% 0.111 129.4);
Tailwind
colors: {
  custom: {
    50: '#e3fdc5',
    500: '#d5fcac',
    950: '#000000',
  },
}
SCSS
$custom: #d5fcac;
$custom-light: #e3fdc5;
$custom-dark: #000000;
JSON
{
  "hex": "#d5fcac",
  "rgb": {
    "r": 213,
    "g": 252,
    "b": 172
  },
  "hsl": {
    "h": 89.25,
    "s": 93.023,
    "l": 83.137
  },
  "oklch": {
    "l": 0.94453,
    "c": 0.11104,
    "h": 129.4
  },
  "luminance": 0.86745
}

Semantic roles & 50–950 ramp

primary
#D5FCAC
secondary
#A56CE0
accent
#00E670
background
#FEFFFD
surface
#FCFFF9
border
#D5D7D2
text
#151713
muted
#848582

Preview Lab

Preview with #D5FCAC

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

Preview Lab → · Contrast checker → · Palette generator →

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