#DFFEBB#DFFEBB

#DFFEBB is a very light, moderate yellow-green. Relative luminance 0.902; OKLCH L 95.8% C 0.093 H 128.2°. Best body text is #000000 at 19.03:1 contrast (WCAG AA passes).

Color values

HEX	#DFFEBB
RGB	rgb(223, 254, 187)
HSL	hsl(88, 97%, 86%)
HSV	hsv(88, 26%, 100%)
CMYK	cmyk(12.2%, 0%, 26.4%, 0.4%)
CIE-LAB	lab(96.06, -21.32, 28.82)
CIE-LCH	lch(96.06, 35.85, 126.49°)
OKLab	oklab(95.85% -0.0574 0.0728)
OKLCH	oklch(95.85% 0.093 128.2)
XYZ	xyz(74.8416, 90.1589, 60.4636)
Luminance	0.9016 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DFFEBB #DABBFE

analogous

#FEFBBB #DFFEBB #BEFEBB

triadic

#DFFEBB #BBDFFE #FEBBDF

tetradic

#DFFEBB #BBFEFB #DABBFE #FEBBBE

square

#DFFEBB #BBFEFB #DABBFE #FEBBBE

split-complementary

#DFFEBB #BBBEFE #FBBBFE

monochromatic

#A6FC42 #C3FD7F #DFFEBB #F1FFE1 #F1FFE1

Accessibility & contrast

On white

1.10

#DFFEBB on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

19.03

#DFFEBB on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DFFEBB

19.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DFFEBB	#FFFFFF	#000000	##000000
##DFFEBB	1.00	1.10	19.03	19.03
#FFFFFF	1.10	1.00	21.00	21.00
#000000	19.03	21.00	1.00	1.00
##000000	19.03	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FFF5B7

Deuteranopia (green-blind)

#FFF3BE

Tritanopia (blue-blind)

#E2F8EC

Achromatopsia (no color)

#F4F4F4

Design tokens & code

CSS

--color: #dffebb;
/* rgb */ color: rgb(223, 254, 187);
/* oklch */ color: oklch(95.8% 0.093 128.2);

Tailwind

colors: {
  custom: {
    50: '#e9fecf',
    500: '#dffebb',
    950: '#000000',
  },
}

SCSS

$custom: #dffebb;
$custom-light: #e9fecf;
$custom-dark: #000000;

JSON

{
  "hex": "#dffebb",
  "rgb": {
    "r": 223,
    "g": 254,
    "b": 187
  },
  "hsl": {
    "h": 87.761,
    "s": 97.101,
    "l": 86.471
  },
  "oklch": {
    "l": 0.95847,
    "c": 0.09271,
    "h": 128.2
  },
  "luminance": 0.90159
}

Semantic roles & 50–950 ramp

primary

#DFFEBB

secondary

#AB78E5

accent

#00E66A

background

#FEFFFE

surface

#FDFFFB

border

#D5D7D4

text

#161714

muted

#848583

Preview Lab

Preview with #DFFEBB

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

Preview Lab → · Contrast checker → · Palette generator →