#CCC9BE

#CCC9BE

Color Values

HEX

#CCC9BE

RGB

204, 201, 190

HSL

47.1, 12.1%, 77.3%

HSV

47.1, 6.9%, 80.0%

CMYK

0.0%, 1.5%, 6.9%, 20.0%

OKLCH

0.8352 0.0154 94.2

Properties

Warm Light Nearest: ivory 3

Color Harmonies

Complementary

#CCC9BE

#BEC1CC

Analogous

#CCC2BE

#C8CCBE

#CCC9BE

Triadic

#CCC9BE

#BECCC9

#C9BECC

Split Complementary

#CCC9BE

#BEC8CC

#C2BECC

Tetradic

#CCC9BE

#BECCC2

#BEC1CC

#CCBEC8

Color Blindness Simulation

Original

#CCC9BE

Protanopia

#CBCBC1

Deuteranopia

#CBCBC1

Tritanopia

#CCC3C3

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEB
200
#E0DED7
300
#C9C6BA
400
#ACA795
500
#8F8870
600
#726D5A
700
#5B5748
800
#474438
900
#36332B
950
#22201B

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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