#CCA7AF

#CCA7AF

Color Values

HEX

#CCA7AF

RGB

204, 167, 175

HSL

347,0, 26,6%, 72,7%

HSV

347,0, 18,1%, 80,0%

CMYK

0,0%, 18,1%, 14,2%, 20,0%

OKLCH

0,7638 0,0446 3,7

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CCA7AF

#A7CCC4

Analogous

#CCA7C1

#CCB1A7

#CCA7AF

Triadic

#CCA7AF

#AFCCA7

#A7AFCC

Split Complementary

#CCA7AF

#A7CCB1

#A7C1CC

Tetradic

#CCA7AF

#C1CCA7

#A7CCC4

#B1A7CC

Color Blindness Simulation

Original

#CCA7AF

Protanopia

#BCBCAD

Deuteranopia

#BEC1AD

Tritanopia

#CAACAB

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EB
200
#E5D2D6
300
#D2B2B9
400
#BA8892
500
#A15E6C
600
#814B57
700
#673C45
800
#512F36
900
#3C252A
950
#26171A

Contrast Checker

Text on white

2,16:1

AA Fail AAA Fail

Text on black

9,71:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026