#D4E9EB

#D4E9EB

Color Values

HEX

#D4E9EB

RGB

212, 233, 235

HSL

185.2, 36.5%, 87.6%

HSV

185.2, 9.8%, 92.2%

CMYK

9.8%, 0.9%, 0.0%, 7.8%

OKLCH

0.9191 0.0224 203.7

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#D4E9EB

#EBD6D4

Analogous

#D4EBE1

#D4DDEB

#D4E9EB

Triadic

#D4E9EB

#EBD4E9

#E9EBD4

Split Complementary

#D4E9EB

#EBD4DD

#EBE1D4

Tetradic

#D4E9EB

#E1D4EB

#EBD6D4

#DDEBD4

Color Blindness Simulation

Original

#D4E9EB

Protanopia

#DDDDEB

Deuteranopia

#DCDAEA

Tritanopia

#D5EAEA

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F2F3
200
#CEE6E8
300
#ABD4D8
400
#7EBDC3
500
#51A6AE
600
#41858B
700
#346A6F
800
#285357
900
#213E40
950
#152729

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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