#CFCCC5

#CFCCC5

Color Values

HEX

#CFCCC5

RGB

207, 204, 197

HSL

42.0, 9.4%, 79.2%

HSV

42.0, 4.8%, 81.2%

CMYK

0.0%, 1.4%, 4.8%, 18.8%

OKLCH

0.8456 0.0102 87.5

Properties

Warm Light Nearest: ivory 3

Color Harmonies

Complementary

#CFCCC5

#C5C8CF

Analogous

#CFC7C5

#CDCFC5

#CFCCC5

Triadic

#CFCCC5

#C5CFCC

#CCC5CF

Split Complementary

#CFCCC5

#C5CDCF

#C7C5CF

Tetradic

#CFCCC5

#C5CFC7

#C5C8CF

#CFC5CD

Color Blindness Simulation

Original

#CFCCC5

Protanopia

#CECEC7

Deuteranopia

#CECEC7

Tritanopia

#CFC8C8

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEC
200
#DFDDD8
300
#C8C4BC
400
#AAA498
500
#8B8474
600
#706A5C
700
#59554A
800
#46423A
900
#35322C
950
#21201C

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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