#CCB7AF

#CCB7AF

Color Values

HEX

#CCB7AF

RGB

204, 183, 175

HSL

16,6, 22,1%, 74,3%

HSV

16,6, 14,2%, 80,0%

CMYK

0,0%, 10,3%, 14,2%, 20,0%

OKLCH

0,795 0,0267 42,1

Properties

Warm Light Nearest: mistyrose 3

Color Harmonies

Complementary

#CCB7AF

#AFC4CC

Analogous

#CCAFB5

#CCC5AF

#CCB7AF

Triadic

#CCB7AF

#AFCCB7

#B7AFCC

Split Complementary

#CCB7AF

#AFCCC5

#AFB5CC

Tetradic

#CCB7AF

#B5CCAF

#AFC4CC

#C5AFCC

Color Blindness Simulation

Original

#CCB7AF

Protanopia

#C3C3B1

Deuteranopia

#C4C6B1

Tritanopia

#CBB2B3

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E3D8D3
300
#CFBCB4
400
#B6978C
500
#9C7363
600
#7D5C4F
700
#644A40
800
#4E3932
900
#3A2C27
950
#251C19

Contrast Checker

Text on white

1,92:1

AA Fail AAA Fail

Text on black

10,96: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