#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026