#CFD1C4

#CFD1C4

Color Values

HEX

#CFD1C4

RGB

207, 209, 196

HSL

69.2, 12.4%, 79.4%

HSV

69.2, 6.2%, 82.0%

CMYK

1.0%, 0.0%, 6.2%, 18.0%

OKLCH

0.8555 0.0178 113.9

Properties

Cool Light Nearest: ivory 3

Color Harmonies

Complementary

#CFD1C4

#C6C4D1

Analogous

#D1CCC4

#C8D1C4

#CFD1C4

Triadic

#CFD1C4

#C4CFD1

#D1C4CF

Split Complementary

#CFD1C4

#C4C8D1

#CCC4D1

Tetradic

#CFD1C4

#C4D1CC

#C6C4D1

#D1C4C8

Color Blindness Simulation

Original

#CFD1C4

Protanopia

#D0D0C7

Deuteranopia

#D0D0C8

Tritanopia

#CFCACA

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEFEB
200
#DEE0D7
300
#C7C9BA
400
#A9AC95
500
#8A8F70
600
#6F7359
700
#595C47
800
#454838
900
#34362B
950
#21221B

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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