#CCA7AC

#CCA7AC

Color Values

HEX

#CCA7AC

RGB

204, 167, 172

HSL

351.9, 26.6%, 72.7%

HSV

351.9, 18.1%, 80.0%

CMYK

0.0%, 18.1%, 15.7%, 20.0%

OKLCH

0.7629 0.0439 9.0

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CCA7AC

#A7CCC7

Analogous

#CCA7BE

#CCB4A7

#CCA7AC

Triadic

#CCA7AC

#ACCCA7

#A7ACCC

Split Complementary

#CCA7AC

#A7CCB4

#A7BECC

Tetradic

#CCA7AC

#BECCA7

#A7CCC7

#B4A7CC

Color Blindness Simulation

Original

#CCA7AC

Protanopia

#BCBCAB

Deuteranopia

#BEC1AA

Tritanopia

#CAAAAA

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E5D2D4
300
#D2B2B6
400
#BA888E
500
#A15E67
600
#814B52
700
#673C42
800
#512F33
900
#3C2528
950
#261719

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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