#D7DFE6

#D7DFE6

Color Values

HEX

#D7DFE6

RGB

215, 223, 230

HSL

208.0, 23.1%, 87.3%

HSV

208.0, 6.5%, 90.2%

CMYK

6.5%, 3.0%, 0.0%, 9.8%

OKLCH

0.8996 0.0129 244.3

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#D7DFE6

#E6DED7

Analogous

#D7E6E6

#D7D8E6

#D7DFE6

Triadic

#D7DFE6

#E6D7DF

#DFE6D7

Split Complementary

#D7DFE6

#E6D7D8

#E6E6D7

Tetradic

#D7DFE6

#E6D7E6

#E6DED7

#D8E6D7

Color Blindness Simulation

Original

#D7DFE6

Protanopia

#DADBE4

Deuteranopia

#DAD9E4

Tritanopia

#D7E3E3

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF1
200
#D3DCE4
300
#B4C3D0
400
#8BA2B6
500
#62819D
600
#4E687E
700
#3F5364
800
#31414E
900
#26313B
950
#181F25

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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