#CFD5CD

#CFD5CD

Color Values

HEX

#CFD5CD

RGB

207, 213, 205

HSL

105.0, 8.7%, 82.0%

HSV

105.0, 3.8%, 83.5%

CMYK

2.8%, 0.0%, 3.8%, 16.5%

OKLCH

0.8661 0.0127 137.8

Properties

Cool Light Nearest: ivory 3

Color Harmonies

Complementary

#CFD5CD

#D3CDD5

Analogous

#D3D5CD

#CDD5CF

#CFD5CD

Triadic

#CFD5CD

#CDCFD5

#D5CDCF

Split Complementary

#CFD5CD

#CFCDD5

#D5CDD3

Tetradic

#CFD5CD

#CDD3D5

#D3CDD5

#D5CFCD

Color Blindness Simulation

Original

#CFD5CD

Protanopia

#D2D2CF

Deuteranopia

#D1D1CF

Tritanopia

#CFD0D1

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#DADED8
300
#BFC7BC
400
#9DA998
500
#7A8B74
600
#626F5D
700
#4E594B
800
#3D453A
900
#2F342D
950
#1D211C

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026