#D5DFE3

#D5DFE3

Color Values

HEX

#D5DFE3

RGB

213, 223, 227

HSL

197.1, 20.0%, 86.3%

HSV

197.1, 6.2%, 89.0%

CMYK

6.2%, 1.8%, 0.0%, 11.0%

OKLCH

0.8972 0.0121 223.5

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#D5DFE3

#E3D9D5

Analogous

#D5E3E0

#D5D8E3

#D5DFE3

Triadic

#D5DFE3

#E3D5DF

#DFE3D5

Split Complementary

#D5DFE3

#E3D5D8

#E3E0D5

Tetradic

#D5DFE3

#E0D5E3

#E3D9D5

#D8E3D5

Color Blindness Simulation

Original

#D5DFE3

Protanopia

#D9D9E2

Deuteranopia

#D9D8E2

Tritanopia

#D6E1E1

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DEE2
300
#B6C7CE
400
#8EA9B4
500
#668A99
600
#526F7A
700
#415962
800
#33454D
900
#283439
950
#192124

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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