#CCA8AC

#CCA8AC

Color Values

HEX

#CCA8AC

RGB

204, 168, 172

HSL

353.3, 26.1%, 72.9%

HSV

353.3, 17.6%, 80.0%

CMYK

0.0%, 17.6%, 15.7%, 20.0%

OKLCH

0.7648 0.0425 10.6

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CCA8AC

#A8CCC8

Analogous

#CCA8BE

#CCB6A8

#CCA8AC

Triadic

#CCA8AC

#ACCCA8

#A8ACCC

Split Complementary

#CCA8AC

#A8CCB6

#A8BECC

Tetradic

#CCA8AC

#BECCA8

#A8CCC8

#B6A8CC

Color Blindness Simulation

Original

#CCA8AC

Protanopia

#BCBCAB

Deuteranopia

#BEC1AB

Tritanopia

#CAAAAA

Achromatopsia

#B0B0B0

CSS Usage

background-color: #CCA8AC;
color: #CCA8AC;
border-color: #CCA8AC;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E5D2D4
300
#D2B2B5
400
#B9888E
500
#A15E66
600
#814B51
700
#673C41
800
#502F33
900
#3C2528
950
#261719

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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