#D3E2ED

#D3E2ED

Color Values

HEX

#D3E2ED

RGB

211, 226, 237

HSL

205.4, 41.9%, 87.8%

HSV

205.4, 11.0%, 92.9%

CMYK

11.0%, 4.6%, 0.0%, 7.1%

OKLCH

0.9048 0.0221 239.4

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#D3E2ED

#EDDED3

Analogous

#D3EDEB

#D3D5ED

#D3E2ED

Triadic

#D3E2ED

#EDD3E2

#E2EDD3

Split Complementary

#D3E2ED

#EDD3D5

#EDEBD3

Tetradic

#D3E2ED

#EBD3ED

#EDDED3

#D5EDD3

Color Blindness Simulation

Original

#D3E2ED

Protanopia

#D9DAEA

Deuteranopia

#D9D8EA

Tritanopia

#D4E8E8

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDEEA
300
#A8C6DB
400
#79A7C8
500
#4A88B5
600
#3B6D91
700
#2F5774
800
#25445A
900
#1E3343
950
#13202A

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.87:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026