#D4E2DF

#D4E2DF

Color Values

HEX

#D4E2DF

RGB

212, 226, 223

HSL

167.1, 19.4%, 85.9%

HSV

167.1, 6.2%, 88.6%

CMYK

6.2%, 0.0%, 1.3%, 11.4%

OKLCH

0.9014 0.0155 181.7

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#D4E2DF

#E2D4D7

Analogous

#D4E2D8

#D4DEE2

#D4E2DF

Triadic

#D4E2DF

#DFD4E2

#E2DFD4

Split Complementary

#D4E2DF

#E2D4DE

#E2D8D4

Tetradic

#D4E2DF

#D8D4E2

#E2D4D7

#DEE2D4

Color Blindness Simulation

Original

#D4E2DF

Protanopia

#DADAE0

Deuteranopia

#D9D8E0

Tritanopia

#D5E0E0

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E2DF
300
#B6CEC9
400
#8EB3AB
500
#67988E
600
#527A71
700
#42615B
800
#334C47
900
#283935
950
#192422

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.74:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026