#DFEBCB#DFEBCB

#DFEBCB is a very light, muted yellow-green. Relative luminance 0.794; OKLCH L 92.3% C 0.044 H 124.0°. Best body text is #000000 at 16.88:1 contrast (WCAG AA passes).

Color values

HEX	#DFEBCB
RGB	rgb(223, 235, 203)
HSL	hsl(83, 44%, 86%)
HSV	hsv(83, 14%, 92%)
CMYK	cmyk(5.1%, 0%, 13.6%, 7.8%)
CIE-LAB	lab(91.42, -9.53, 14.19)
CIE-LCH	lch(91.42, 17.09, 123.89°)
OKLab	oklab(92.26% -0.0248 0.0367)
OKLCH	oklch(92.26% 0.044 124)
XYZ	xyz(70.9177, 79.4163, 68.0811)
Luminance	0.7942 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DFEBCB #D7CBEB

analogous

#EBE7CB #DFEBCB #CFEBCB

triadic

#DFEBCB #CBDFEB #EBCBDF

tetradic

#DFEBCB #CBEBE7 #D7CBEB #EBCBCF

square

#DFEBCB #CBEBE7 #D7CBEB #EBCBCF

split-complementary

#DFEBCB #CBCFEB #E7CBEB

monochromatic

#A9C973 #C4DA9F #DFEBCB #F1F6E9 #F1F6E9

Accessibility & contrast

On white

1.24

#DFEBCB on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

16.88

#DFEBCB on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DFEBCB

16.88:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DFEBCB	#FFFFFF	#000000	##000000
##DFEBCB	1.00	1.24	16.88	16.88
#FFFFFF	1.24	1.00	21.00	21.00
#000000	16.88	21.00	1.00	1.00
##000000	16.88	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#EFE7C9

Deuteranopia (green-blind)

#EDE6CC

Tritanopia (blue-blind)

#E1E8E2

Achromatopsia (no color)

#E6E6E6

Design tokens & code

CSS

--color: #dfebcb;
/* rgb */ color: rgb(223, 235, 203);
/* oklch */ color: oklch(92.3% 0.044 124.0);

Tailwind

colors: {
  custom: {
    50: '#e9f1da',
    500: '#dfebcb',
    950: '#000000',
  },
}

SCSS

$custom: #dfebcb;
$custom-light: #e9f1da;
$custom-dark: #000000;

JSON

{
  "hex": "#dfebcb",
  "rgb": {
    "r": 223,
    "g": 235,
    "b": 203
  },
  "hsl": {
    "h": 82.5,
    "s": 44.444,
    "l": 85.882
  },
  "oklch": {
    "l": 0.9226,
    "c": 0.04431,
    "h": 124
  },
  "luminance": 0.79416
}

Semantic roles & 50–950 ramp

primary

#DFEBCB

secondary

#A794C7

accent

#2EB862

background

#FEFFFE

surface

#FCFEFB

border

#D5D6D4

text

#161615

muted

#848584

Preview Lab

Preview with #DFEBCB

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

Preview Lab → · Contrast checker → · Palette generator →