#DCEBB5#DCEBB5

#DCEBB5 is a very light, moderate yellow-green. Relative luminance 0.780; OKLCH L 91.5% C 0.073 H 120.5°. Best body text is #000000 at 16.59:1 contrast (WCAG AA passes).

Color values

HEX#DCEBB5
RGBrgb(220, 235, 181)
HSLhsl(77, 57%, 82%)
HSVhsv(77, 23%, 92%)
CMYKcmyk(6.4%, 0%, 23%, 7.8%)
CIE-LABlab(90.77, -13.96, 24.61)
CIE-LCHlch(90.77, 28.29, 119.57°)
OKLaboklab(91.54% -0.0368 0.0625)
OKLCHoklch(91.54% 0.073 120.5)
XYZxyz(67.5632, 77.9686, 55.1972)
Luminance0.7797 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DCEBB5 #C4B5EB
analogous
#EBDFB5 #DCEBB5 #C1EBB5
triadic
#DCEBB5 #B5DCEB #EBB5DC
tetradic
#DCEBB5 #B5EBDF #C4B5EB #EBB5C1
square
#DCEBB5 #B5EBDF #C4B5EB #EBB5C1
split-complementary
#DCEBB5 #B5C1EB #DFB5EB
monochromatic
#AED155 #C5DE85 #DCEBB5 #F3F8E5 #F4F8E7

Accessibility & contrast

On white

1.27
#DCEBB5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.59
#DCEBB5 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DCEBB5
16.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DCEBB5#FFFFFF#000000##000000
##DCEBB51.001.2716.5916.59
#FFFFFF1.271.0021.0021.00
#00000016.5921.001.001.00
##00000016.5921.001.001.00

Color blindness preview

Protanopia (red-blind)
#F2E5B2
Deuteranopia (green-blind)
#F0E5B7
Tritanopia (blue-blind)
#E1E5DC
Achromatopsia (no color)
#E5E5E5

Design tokens & code

CSS
--color: #dcebb5;
/* rgb */ color: rgb(220, 235, 181);
/* oklch */ color: oklch(91.5% 0.073 120.5);
Tailwind
colors: {
  custom: {
    50: '#e7f1cb',
    500: '#dcebb5',
    950: '#000000',
  },
}
SCSS
$custom: #dcebb5;
$custom-light: #e7f1cb;
$custom-dark: #000000;
JSON
{
  "hex": "#dcebb5",
  "rgb": {
    "r": 220,
    "g": 235,
    "b": 181
  },
  "hsl": {
    "h": 76.667,
    "s": 57.447,
    "l": 81.569
  },
  "oklch": {
    "l": 0.9154,
    "c": 0.07254,
    "h": 120.5
  },
  "luminance": 0.77969
}

Semantic roles & 50–950 ramp

primary
#DCEBB5
secondary
#917DC7
accent
#20C54E
background
#FEFFFE
surface
#FCFEFA
border
#D5D6D3
text
#161613
muted
#848583

Preview Lab

Preview with #DCEBB5

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

Preview Lab → · Contrast checker → · Palette generator →

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