#D1DCBB

#D1DCBB

Color Values

HEX

#D1DCBB

RGB

209, 220, 187

HSL

80.0, 32.0%, 79.8%

HSV

80.0, 15.0%, 86.3%

CMYK

5.0%, 0.0%, 15.0%, 13.7%

OKLCH

0.8774 0.0458 122.3

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#D1DCBB

#C6BBDC

Analogous

#DCD6BB

#C1DCBB

#D1DCBB

Triadic

#D1DCBB

#BBD1DC

#DCBBD1

Split Complementary

#D1DCBB

#BBC1DC

#D6BBDC

Tetradic

#D1DCBB

#BBDCD6

#C6BBDC

#DCBBC1

Color Blindness Simulation

Original

#D1DCBB

Protanopia

#D6D6C3

Deuteranopia

#D5D4C5

Tritanopia

#D2C9CB

Achromatopsia

#D7D7D7

CSS Usage

background-color: #D1DCBB;
color: #D1DCBB;
border-color: #D1DCBB;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8F9F5
100
#EFF2E8
200
#DFE7D0
300
#C8D5AE
400
#ABBF82
500
#8DA857
600
#718745
700
#5A6C37
800
#47542B
900
#353E22
950
#222716

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.67:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026