#CFD3D2

#CFD3D2

Color Values

HEX

#CFD3D2

RGB

207, 211, 210

HSL

165.0, 4.3%, 82.0%

HSV

165.0, 1.9%, 82.7%

CMYK

1.9%, 0.0%, 0.5%, 17.3%

OKLCH

0.8635 0.0046 179.7

Properties

Cool Light Nearest: lightgrey

Color Harmonies

Complementary

#CFD3D2

#D3CFD0

Analogous

#CFD3D0

#CFD2D3

#CFD3D2

Triadic

#CFD3D2

#D2CFD3

#D3D2CF

Split Complementary

#CFD3D2

#D3CFD2

#D3D0CF

Tetradic

#CFD3D2

#D0CFD3

#D3CFD0

#D2D3CF

Color Blindness Simulation

Original

#CFD3D2

Protanopia

#D1D1D2

Deuteranopia

#D0D0D2

Tritanopia

#CFD2D2

Achromatopsia

#D2D2D2

CSS Usage

background-color: #CFD3D2;
color: #CFD3D2;
border-color: #CFD3D2;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#DADDDC
300
#BFC4C3
400
#9DA5A3
500
#7A8582
600
#626A68
700
#4E5553
800
#3D4241
900
#2F3231
950
#1D201F

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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