#CFD6CB

#CFD6CB

Color Values

HEX

#CFD6CB

RGB

207, 214, 203

HSL

98.2, 11.8%, 81.8%

HSV

98.2, 5.1%, 83.9%

CMYK

3.3%, 0.0%, 5.1%, 16.1%

OKLCH

0.8676 0.0167 133.8

Properties

Cool Light Nearest: ivory 3

Color Harmonies

Complementary

#CFD6CB

#D2CBD6

Analogous

#D5D6CB

#CBD6CD

#CFD6CB

Triadic

#CFD6CB

#CBCFD6

#D6CBCF

Split Complementary

#CFD6CB

#CDCBD6

#D6CBD5

Tetradic

#CFD6CB

#CBD5D6

#D2CBD6

#D6CDCB

Color Blindness Simulation

Original

#CFD6CB

Protanopia

#D2D2CE

Deuteranopia

#D2D1CE

Tritanopia

#CFD0D0

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEB
200
#DAE0D7
300
#C0C9BB
400
#9EAC96
500
#7B8F70
600
#63725A
700
#4F5B48
800
#3E4738
900
#2F362B
950
#1E221B

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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