#D2E4ED

#D2E4ED

Color Values

HEX

#D2E4ED

RGB

210, 228, 237

HSL

200.0, 42.9%, 87.6%

HSV

200.0, 11.4%, 92.9%

CMYK

11.4%, 3.8%, 0.0%, 7.1%

OKLCH

0.9081 0.0228 229.1

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#D2E4ED

#EDDBD2

Analogous

#D2EDE8

#D2D6ED

#D2E4ED

Triadic

#D2E4ED

#EDD2E4

#E4EDD2

Split Complementary

#D2E4ED

#EDD2D6

#EDE8D2

Tetradic

#D2E4ED

#E8D2ED

#EDDBD2

#D6EDD2

Color Blindness Simulation

Original

#D2E4ED

Protanopia

#DADAEB

Deuteranopia

#D9D7EA

Tritanopia

#D3E9E9

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EFF4
200
#CCE0EB
300
#A8CBDC
400
#78AEC9
500
#4992B6
600
#3A7592
700
#2F5D75
800
#24495B
900
#1E3743
950
#13232A

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.06:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026