#DCEBB0#DCEBB0

#DCEBB0 is a very light, moderate yellow-green. Relative luminance 0.778; OKLCH L 91.4% C 0.079 H 119.6°. Best body text is #000000 at 16.55:1 contrast (WCAG AA passes).

Color values

HEX#DCEBB0
RGBrgb(220, 235, 176)
HSLhsl(75, 60%, 81%)
HSVhsv(75, 25%, 92%)
CMYKcmyk(6.4%, 0%, 25.1%, 7.8%)
CIE-LABlab(90.67, -14.68, 27.05)
CIE-LCHlch(90.67, 30.77, 118.49°)
OKLaboklab(91.44% -0.0388 0.0684)
OKLCHoklch(91.44% 0.079 119.6)
XYZxyz(67.0593, 77.7671, 52.5436)
Luminance0.7777 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DCEBB0 #BFB0EB
analogous
#EBDCB0 #DCEBB0 #BEEBB0
triadic
#DCEBB0 #B0DCEB #EBB0DC
tetradic
#DCEBB0 #B0EBDC #BFB0EB #EBB0BE
square
#DCEBB0 #B0EBDC #BFB0EB #EBB0BE
split-complementary
#DCEBB0 #B0BEEB #DCB0EB
monochromatic
#B1D24E #C6DF7F #DCEBB0 #F2F7E1 #F4F9E7

Accessibility & contrast

On white

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

On black

16.55
#DCEBB0 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DCEBB0
16.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DCEBB0#FFFFFF#000000##000000
##DCEBB01.001.2716.5516.55
#FFFFFF1.271.0021.0021.00
#00000016.5521.001.001.00
##00000016.5521.001.001.00

Color blindness preview

Protanopia (red-blind)
#F3E4AC
Deuteranopia (green-blind)
#F1E5B2
Tritanopia (blue-blind)
#E2E5DB
Achromatopsia (no color)
#E4E4E4

Design tokens & code

CSS
--color: #dcebb0;
/* rgb */ color: rgb(220, 235, 176);
/* oklch */ color: oklch(91.4% 0.079 119.6);
Tailwind
colors: {
  custom: {
    50: '#e7f1c8',
    500: '#dcebb0',
    950: '#000000',
  },
}
SCSS
$custom: #dcebb0;
$custom-light: #e7f1c8;
$custom-dark: #000000;
JSON
{
  "hex": "#dcebb0",
  "rgb": {
    "r": 220,
    "g": 235,
    "b": 176
  },
  "hsl": {
    "h": 75.254,
    "s": 59.596,
    "l": 80.588
  },
  "oklch": {
    "l": 0.91437,
    "c": 0.07864,
    "h": 119.6
  },
  "luminance": 0.77767
}

Semantic roles & 50–950 ramp

primary
#DCEBB0
secondary
#8C78C7
accent
#1EC749
background
#FEFFFD
surface
#FCFEF9
border
#D5D6D2
text
#161613
muted
#848582

Preview Lab

Preview with #DCEBB0

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

Preview Lab → · Contrast checker → · Palette generator →

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