#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