#D1DECB

#D1DECB

Color Values

HEX

#D1DECB

RGB

209, 222, 203

HSL

101.1, 22.4%, 83.3%

HSV

101.1, 8.6%, 87.1%

CMYK

5.9%, 0.0%, 8.6%, 12.9%

OKLCH

0.8855 0.0292 135.6

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#D1DECB

#D8CBDE

Analogous

#DADECB

#CBDECE

#D1DECB

Triadic

#D1DECB

#CBD1DE

#DECBD1

Split Complementary

#D1DECB

#CECBDE

#DECBDA

Tetradic

#D1DECB

#CBDADE

#D8CBDE

#DECECB

Color Blindness Simulation

Original

#D1DECB

Protanopia

#D7D7D0

Deuteranopia

#D6D5D1

Tritanopia

#D2D3D4

Achromatopsia

#DADADA

CSS Usage

background-color: #D1DECB;
color: #D1DECB;
border-color: #D1DECB;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F7F9F6
100
#ECF1EA
200
#D8E3D3
300
#BDD0B4
400
#99B68C
500
#759C63
600
#5E7D4F
700
#4B643F
800
#3A4E31
900
#2D3A27
950
#1C2518

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.02:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026