#CFD6C4

#CFD6C4

Color Values

HEX

#CFD6C4

RGB

207, 214, 196

HSL

83.3, 18.0%, 80.4%

HSV

83.3, 8.4%, 83.9%

CMYK

3.3%, 0.0%, 8.4%, 16.1%

OKLCH

0.8657 0.0255 124.3

Properties

Cool Light Nearest: ivory 3

Color Harmonies

Complementary

#CFD6C4

#CBC4D6

Analogous

#D6D4C4

#C6D6C4

#CFD6C4

Triadic

#CFD6C4

#C4CFD6

#D6C4CF

Split Complementary

#CFD6C4

#C4C6D6

#D4C4D6

Tetradic

#CFD6C4

#C4D6D4

#CBC4D6

#D6C4C6

Color Blindness Simulation

Original

#CFD6C4

Protanopia

#D2D2C8

Deuteranopia

#D2D1C9

Tritanopia

#CFCCCD

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF0EA
200
#DDE2D5
300
#C4CDB7
400
#A4B290
500
#859669
600
#6A7854
700
#556043
800
#424B34
900
#323829
950
#20241A

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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