#D4EAED

#D4EAED

Color Values

HEX

#D4EAED

RGB

212, 234, 237

HSL

187.2, 41.0%, 88.0%

HSV

187.2, 10.5%, 92.9%

CMYK

10.5%, 1.3%, 0.0%, 7.1%

OKLCH

0.9217 0.0236 206.6

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#D4EAED

#EDD7D4

Analogous

#D4EDE3

#D4DDED

#D4EAED

Triadic

#D4EAED

#EDD4EA

#EAEDD4

Split Complementary

#D4EAED

#EDD4DD

#EDE3D4

Tetradic

#D4EAED

#E3D4ED

#EDD7D4

#DDEDD4

Color Blindness Simulation

Original

#D4EAED

Protanopia

#DEDEEC

Deuteranopia

#DCDBEC

Tritanopia

#D5ECEC

Achromatopsia

#E6E6E6

CSS Usage

background-color: #D4EAED;
color: #D4EAED;
border-color: #D4EAED;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6EA
300
#A9D5DB
400
#7ABEC7
500
#4BA7B4
600
#3C8690
700
#306B73
800
#26545A
900
#1F3E42
950
#13272A

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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