#D2E2EC

#D2E2EC

Color Values

HEX

#D2E2EC

RGB

210, 226, 236

HSL

203.1, 40.6%, 87.5%

HSV

203.1, 11.0%, 92.5%

CMYK

11.0%, 4.2%, 0.0%, 7.5%

OKLCH

0.9038 0.022 235.0

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#D2E2EC

#ECDCD2

Analogous

#D2ECE9

#D2D5EC

#D2E2EC

Triadic

#D2E2EC

#ECD2E2

#E2ECD2

Split Complementary

#D2E2EC

#ECD2D5

#ECE9D2

Tetradic

#D2E2EC

#E9D2EC

#ECDCD2

#D5ECD2

Color Blindness Simulation

Original

#D2E2EC

Protanopia

#D9D9EA

Deuteranopia

#D8D7E9

Tritanopia

#D3E8E7

Achromatopsia

#DFDFDF

CSS Usage

background-color: #D2E2EC;
color: #D2E2EC;
border-color: #D2E2EC;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CDDFEA
300
#A9C8DB
400
#7AA9C7
500
#4C8BB3
600
#3D708F
700
#305973
800
#26465A
900
#1F3542
950
#13212A

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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