#CFD7C9

#CFD7C9

Color Values

HEX

#CFD7C9

RGB

207, 215, 201

HSL

94.3, 14.9%, 81.6%

HSV

94.3, 6.5%, 84.3%

CMYK

3.7%, 0.0%, 6.5%, 15.7%

OKLCH

0.8691 0.0208 131.5

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#CFD7C9

#D1C9D7

Analogous

#D6D7C9

#C9D7CA

#CFD7C9

Triadic

#CFD7C9

#C9CFD7

#D7C9CF

Split Complementary

#CFD7C9

#CAC9D7

#D7C9D6

Tetradic

#CFD7C9

#C9D6D7

#D1C9D7

#D7CAC9

Color Blindness Simulation

Original

#CFD7C9

Protanopia

#D2D3CC

Deuteranopia

#D2D1CD

Tritanopia

#CFCFD0

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#EDEFEB
200
#DBE1D6
300
#C0CBB9
400
#9FAF93
500
#7D926D
600
#647557
700
#505E45
800
#3E4936
900
#30372A
950
#1E231A

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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