#D1DBBF#D1DBBF

#D1DBBF is a very light, muted yellow-green. Relative luminance 0.680; OKLCH L 87.6% C 0.039 H 123.2°. Best body text is #000000 at 14.60:1 contrast (WCAG AA passes).

Color values

HEX	#D1DBBF
RGB	rgb(209, 219, 191)
HSL	hsl(81, 28%, 80%)
HSV	hsv(81, 13%, 86%)
CMYK	cmyk(4.6%, 0%, 12.8%, 14.1%)
CIE-LAB	lab(86.00, -8.28, 12.63)
CIE-LCH	lch(86.00, 15.11, 123.26°)
OKLab	oklab(87.63% -0.0214 0.0327)
OKLCH	oklch(87.63% 0.039 123.2)
XYZ	xyz(61.0286, 67.9799, 59.1864)
Luminance	0.6798 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#D1DBBF #C9BFDB

analogous

#DBD7BF #D1DBBF #C3DBBF

triadic

#D1DBBF #BFD1DB #DBBFD1

tetradic

#D1DBBF #BFDBD7 #C9BFDB #DBBFC3

square

#D1DBBF #BFDBD7 #C9BFDB #DBBFC3

split-complementary

#D1DBBF #BFC3DB #D7BFDB

monochromatic

#99AF71 #B5C598 #D1DBBF #EDF1E6 #F1F4EB

Accessibility & contrast

On white

1.44

#D1DBBF on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

14.60

#D1DBBF on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #D1DBBF

14.60:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##D1DBBF	#FFFFFF	#000000	##000000
##D1DBBF	1.00	1.44	14.60	14.60
#FFFFFF	1.44	1.00	21.00	21.00
#000000	14.60	21.00	1.00	1.00
##000000	14.60	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#DFD7BD

Deuteranopia (green-blind)

#DDD7C0

Tritanopia (blue-blind)

#D3D8D3

Achromatopsia (no color)

#D7D7D7

Design tokens & code

CSS

--color: #d1dbbf;
/* rgb */ color: rgb(209, 219, 191);
/* oklch */ color: oklch(87.6% 0.039 123.2);

Tailwind

colors: {
  custom: {
    50: '#dfe6d2',
    500: '#d1dbbf',
    950: '#000000',
  },
}

SCSS

$custom: #d1dbbf;
$custom-light: #dfe6d2;
$custom-dark: #000000;

JSON

{
  "hex": "#d1dbbf",
  "rgb": {
    "r": 209,
    "g": 219,
    "b": 191
  },
  "hsl": {
    "h": 81.429,
    "s": 28,
    "l": 80.392
  },
  "oklch": {
    "l": 0.87628,
    "c": 0.03914,
    "h": 123.2
  },
  "luminance": 0.6798
}

Semantic roles & 50–950 ramp

primary

#D1DBBF

secondary

#9A8CB2

accent

#3FA764

background

#FEFEFE

surface

#FCFCFB

border

#D5D5D4

text

#151514

muted

#848483

Preview Lab

Preview with #D1DBBF

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

Preview Lab → · Contrast checker → · Palette generator →