#CFD6CE

#CFD6CE

Color Values

HEX

#CFD6CE

RGB

207, 214, 206

HSL

112,5, 8,9%, 82,4%

HSV

112,5, 3,7%, 83,9%

CMYK

3,3%, 0,0%, 3,7%, 16,1%

OKLCH

0,8684 0,0132 141,8

Properties

Cool Light Nearest: ivory 3

Color Harmonies

Complementary

#CFD6CE

#D5CED6

Analogous

#D3D6CE

#CED6D1

#CFD6CE

Triadic

#CFD6CE

#CECFD6

#D6CECF

Split Complementary

#CFD6CE

#D1CED6

#D6CED3

Tetradic

#CFD6CE

#CED3D6

#D5CED6

#D6D1CE

Color Blindness Simulation

Original

#CFD6CE

Protanopia

#D2D2D0

Deuteranopia

#D2D1D0

Tritanopia

#CFD1D2

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D9DED8
300
#BEC7BC
400
#9AA998
500
#778B74
600
#5F6F5D
700
#4C594A
800
#3B453A
900
#2E342D
950
#1D211C

Contrast Checker

Text on white

1,48:1

AA Fail AAA Fail

Text on black

14,16: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