#D6E2DF

#D6E2DF

Color Values

HEX

#D6E2DF

RGB

214, 226, 223

HSL

165.0, 17.1%, 86.3%

HSV

165.0, 5.3%, 88.6%

CMYK

5.3%, 0.0%, 1.3%, 11.4%

OKLCH

0.9029 0.0135 179.4

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#D6E2DF

#E2D6D9

Analogous

#D6E2D9

#D6DFE2

#D6E2DF

Triadic

#D6E2DF

#DFD6E2

#E2DFD6

Split Complementary

#D6E2DF

#E2D6DF

#E2D9D6

Tetradic

#D6E2DF

#D9D6E2

#E2D6D9

#DFE2D6

Color Blindness Simulation

Original

#D6E2DF

Protanopia

#DBDBE0

Deuteranopia

#DADAE0

Tritanopia

#D7E0E0

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0EE
200
#D5E1DE
300
#B7CCC7
400
#91B1A9
500
#6A958A
600
#55776F
700
#446059
800
#354B45
900
#293834
950
#1A2321

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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