#CFD4D2

#CFD4D2

Color Values

HEX

#CFD4D2

RGB

207, 212, 210

HSL

156.0, 5.5%, 82.2%

HSV

156.0, 2.4%, 83.1%

CMYK

2.4%, 0.0%, 0.9%, 16.9%

OKLCH

0.8655 0.0061 170.4

Properties

Cool Light Nearest: lightgrey

Color Harmonies

Complementary

#CFD4D2

#D4CFD1

Analogous

#CFD4D0

#CFD4D4

#CFD4D2

Triadic

#CFD4D2

#D2CFD4

#D4D2CF

Split Complementary

#CFD4D2

#D4CFD4

#D4D0CF

Tetradic

#CFD4D2

#D0CFD4

#D4CFD1

#D4D4CF

Color Blindness Simulation

Original

#CFD4D2

Protanopia

#D1D1D2

Deuteranopia

#D1D0D3

Tritanopia

#CFD3D3

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DDDC
300
#BEC5C2
400
#9BA6A2
500
#788781
600
#606C67
700
#4D5652
800
#3C4340
900
#2E3331
950
#1D201F

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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