#CFD4CE

#CFD4CE

Color Values

HEX

#CFD4CE

RGB

207, 212, 206

HSL

110.0, 6.5%, 82.0%

HSV

110.0, 2.8%, 83.1%

CMYK

2.4%, 0.0%, 2.8%, 16.9%

OKLCH

0.8644 0.0098 140.5

Properties

Cool Light Nearest: lightgrey

Color Harmonies

Complementary

#CFD4CE

#D3CED4

Analogous

#D2D4CE

#CED4D0

#CFD4CE

Triadic

#CFD4CE

#CECFD4

#D4CECF

Split Complementary

#CFD4CE

#D0CED4

#D4CED2

Tetradic

#CFD4CE

#CED2D4

#D3CED4

#D4D0CE

Color Blindness Simulation

Original

#CFD4CE

Protanopia

#D1D1CF

Deuteranopia

#D1D0D0

Tritanopia

#CFD1D1

Achromatopsia

#D3D3D3

CSS Usage

background-color: #CFD4CE;
color: #CFD4CE;
border-color: #CFD4CE;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#DADED9
300
#BFC6BE
400
#9DA79B
500
#7A8877
600
#626D5F
700
#4E574C
800
#3D443C
900
#2F332E
950
#1D201D

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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