#DEFCD7#DEFCD7

#DEFCD7 is a very light, muted green. Relative luminance 0.901; OKLCH L 96.0% C 0.058 H 139.8°. Best body text is #000000 at 19.01:1 contrast (WCAG AA passes).

Color values

HEX#DEFCD7
RGBrgb(222, 252, 215)
HSLhsl(109, 86%, 92%)
HSVhsv(109, 15%, 99%)
CMYKcmyk(11.9%, 0%, 14.7%, 1.2%)
CIE-LABlab(96.02, -16.34, 14.50)
CIE-LCHlch(96.02, 21.84, 138.42°)
OKLaboklab(95.98% -0.0443 0.0375)
OKLCHoklch(95.98% 0.058 139.8)
XYZxyz(77.1979, 90.0557, 77.5922)
Luminance0.9006 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DEFCD7 #F5D7FC
analogous
#F1FCD7 #DEFCD7 #D7FCE3
triadic
#DEFCD7 #D7DEFC #FCD7DE
tetradic
#DEFCD7 #D7F1FC #F5D7FC #FCE3D7
square
#DEFCD7 #D7F1FC #F5D7FC #FCE3D7
split-complementary
#DEFCD7 #E3D7FC #FCD7F1
monochromatic
#80F365 #AFF89E #DEFCD7 #E8FDE3 #E8FDE3

Accessibility & contrast

On white

1.10
#DEFCD7 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

19.01
#DEFCD7 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DEFCD7
19.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DEFCD7#FFFFFF#000000##000000
##DEFCD71.001.1019.0119.01
#FFFFFF1.101.0021.0021.00
#00000019.0121.001.001.00
##00000019.0121.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF5D5
Deuteranopia (green-blind)
#F9F2D9
Tritanopia (blue-blind)
#DDF9F1
Achromatopsia (no color)
#F4F4F4

Design tokens & code

CSS
--color: #defcd7;
/* rgb */ color: rgb(222, 252, 215);
/* oklch */ color: oklch(96.0% 0.058 139.8);
Tailwind
colors: {
  custom: {
    50: '#e8fde3',
    500: '#defcd7',
    950: '#000000',
  },
}
SCSS
$custom: #defcd7;
$custom-light: #e8fde3;
$custom-dark: #000000;
JSON
{
  "hex": "#defcd7",
  "rgb": {
    "r": 222,
    "g": 252,
    "b": 215
  },
  "hsl": {
    "h": 108.649,
    "s": 86.047,
    "l": 91.569
  },
  "oklch": {
    "l": 0.95976,
    "c": 0.05803,
    "h": 139.8
  },
  "luminance": 0.90057
}

Semantic roles & 50–950 ramp

primary
#DEFCD7
secondary
#D593E4
accent
#03E3B8
background
#FEFFFE
surface
#FCFFFC
border
#D5D7D5
text
#161715
muted
#848584

Preview Lab

Preview with #DEFCD7

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

Preview Lab → · Contrast checker → · Palette generator →

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