#D1DEC3

#D1DEC3

Color Values

HEX

#D1DEC3

RGB

209, 222, 195

HSL

88.9, 29.0%, 81.8%

HSV

88.9, 12.2%, 87.1%

CMYK

5.9%, 0.0%, 12.2%, 12.9%

OKLCH

0.8835 0.0389 128.2

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#D1DEC3

#D0C3DE

Analogous

#DEDEC3

#C4DEC3

#D1DEC3

Triadic

#D1DEC3

#C3D1DE

#DEC3D1

Split Complementary

#D1DEC3

#C3C4DE

#DEC3DE

Tetradic

#D1DEC3

#C3DEDE

#D0C3DE

#DEC3C4

Color Blindness Simulation

Original

#D1DEC3

Protanopia

#D7D7CA

Deuteranopia

#D6D5CB

Tritanopia

#D2CFD0

Achromatopsia

#D9D9D9

CSS Usage

background-color: #D1DEC3;
color: #D1DEC3;
border-color: #D1DEC3;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F7F9F5
100
#EDF2E9
200
#DCE6D1
300
#C2D4B0
400
#A2BC85
500
#81A45B
600
#678448
700
#52693A
800
#40522D
900
#313D24
950
#1F2717

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.95: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