#CFD3D7

#CFD3D7

Color Values

HEX

#CFD3D7

RGB

207, 211, 215

HSL

210.0, 9.1%, 82.7%

HSV

210.0, 3.7%, 84.3%

CMYK

3.7%, 1.9%, 0.0%, 15.7%

OKLCH

0.8649 0.007 247.9

Properties

Cool Light Nearest: lightgrey

Color Harmonies

Complementary

#CFD3D7

#D7D3CF

Analogous

#CFD7D7

#CFCFD7

#CFD3D7

Triadic

#CFD3D7

#D7CFD3

#D3D7CF

Split Complementary

#CFD3D7

#D7CFCF

#D7D7CF

Tetradic

#CFD3D7

#D7CFD7

#D7D3CF

#CFD7CF

Color Blindness Simulation

Original

#CFD3D7

Protanopia

#D1D1D6

Deuteranopia

#D0D0D6

Tritanopia

#CFD5D5

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DBDF
300
#BCC2C7
400
#98A1A9
500
#74808B
600
#5D666F
700
#4A5259
800
#3A4046
900
#2C3034
950
#1C1F21

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.95:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026