#D3DCE0

#D3DCE0

Color Values

HEX

#D3DCE0

RGB

211, 220, 224

HSL

198.5, 17.3%, 85.3%

HSV

198.5, 5.8%, 87.8%

CMYK

5.8%, 1.8%, 0.0%, 12.2%

OKLCH

0.8888 0.0112 226.0

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#D3DCE0

#E0D7D3

Analogous

#D3E0DE

#D3D6E0

#D3DCE0

Triadic

#D3DCE0

#E0D3DC

#DCE0D3

Split Complementary

#D3DCE0

#E0D3D6

#E0DED3

Tetradic

#D3DCE0

#DED3E0

#E0D7D3

#D6E0D3

Color Blindness Simulation

Original

#D3DCE0

Protanopia

#D7D7DF

Deuteranopia

#D6D6DF

Tritanopia

#D3DEDE

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D5DEE1
300
#B7C6CC
400
#90A7B1
500
#698896
600
#546D78
700
#435760
800
#35444B
900
#293338
950
#1A2023

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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