#D1E6DF

#D1E6DF

Color Values

HEX

#D1E6DF

RGB

209, 230, 223

HSL

160.0, 29.6%, 86.1%

HSV

160.0, 9.1%, 90.2%

CMYK

9.1%, 0.0%, 3.0%, 9.8%

OKLCH

0.9074 0.0242 173.8

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#D1E6DF

#E6D1D8

Analogous

#D1E6D5

#D1E3E6

#D1E6DF

Triadic

#D1E6DF

#DFD1E6

#E6DFD1

Split Complementary

#D1E6DF

#E6D1E3

#E6D5D1

Tetradic

#D1E6DF

#D5D1E6

#E6D1D8

#E3E6D1

Color Blindness Simulation

Original

#D1E6DF

Protanopia

#DADAE1

Deuteranopia

#D9D7E1

Tritanopia

#D2E2E2

Achromatopsia

#E1E1E1

CSS Usage

background-color: #D1E6DF;
color: #D1E6DF;
border-color: #D1E6DF;
Nearest Tailwind: Neutral 200 #E5E5E5

Tailwind Shades

50
#F5F9F8
100
#E9F2EF
200
#D1E6DF
300
#B0D4C8
400
#85BDAA
500
#5AA58C
600
#488470
700
#396A5A
800
#2D5346
900
#243D35
950
#162721

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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