#CFD6CA

#CFD6CA

Color Values

HEX

#CFD6CA

RGB

207, 214, 202

HSL

95.0, 12.8%, 81.6%

HSV

95.0, 5.6%, 83.9%

CMYK

3.3%, 0.0%, 5.6%, 16.1%

OKLCH

0.8673 0.0179 131.9

Properties

Cool Light Nearest: ivory 3

Color Harmonies

Complementary

#CFD6CA

#D1CAD6

Analogous

#D5D6CA

#CAD6CB

#CFD6CA

Triadic

#CFD6CA

#CACFD6

#D6CACF

Split Complementary

#CFD6CA

#CBCAD6

#D6CAD5

Tetradic

#CFD6CA

#CAD5D6

#D1CAD6

#D6CBCA

Color Blindness Simulation

Original

#CFD6CA

Protanopia

#D2D2CD

Deuteranopia

#D2D1CE

Tritanopia

#CFCFD0

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEB
200
#DBE0D7
300
#C0CABA
400
#9FAD95
500
#7D906F
600
#647359
700
#505C47
800
#3E4838
900
#30362B
950
#1E221B

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026