#D4DCE0

#D4DCE0

Color Values

HEX

#D4DCE0

RGB

212, 220, 224

HSL

200.0, 16.2%, 85.5%

HSV

200.0, 5.4%, 87.8%

CMYK

5.4%, 1.8%, 0.0%, 12.2%

OKLCH

0.8895 0.0103 228.9

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#D4DCE0

#E0D8D4

Analogous

#D4E0DE

#D4D6E0

#D4DCE0

Triadic

#D4DCE0

#E0D4DC

#DCE0D4

Split Complementary

#D4DCE0

#E0D4D6

#E0DED4

Tetradic

#D4DCE0

#DED4E0

#E0D8D4

#D6E0D4

Color Blindness Simulation

Original

#D4DCE0

Protanopia

#D7D8DF

Deuteranopia

#D7D6DF

Tritanopia

#D4DEDE

Achromatopsia

#DBDBDB

CSS Usage

background-color: #D4DCE0;
color: #D4DCE0;
border-color: #D4DCE0;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D6DDE1
300
#B8C5CC
400
#91A6B0
500
#6B8694
600
#556C77
700
#44565F
800
#35434A
900
#293338
950
#1A2023

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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