#CCACBD

#CCACBD

Color Values

HEX

#CCACBD

RGB

204, 172, 189

HSL

328,1, 23,9%, 73,7%

HSV

328,1, 15,7%, 80,0%

CMYK

0,0%, 15,7%, 7,4%, 20,0%

OKLCH

0,7776 0,0435 344,9

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#CCACBD

#ACCCBB

Analogous

#CBACCC

#CCACAD

#CCACBD

Triadic

#CCACBD

#BDCCAC

#ACBDCC

Split Complementary

#CCACBD

#ADCCAC

#ACCCCB

Tetradic

#CCACBD

#CCCBAC

#ACCCBB

#ACADCC

Color Blindness Simulation

Original

#CCACBD

Protanopia

#BEBEB9

Deuteranopia

#C0C2B8

Tritanopia

#CAB6B5

Achromatopsia

#B4B4B4

CSS Usage

background-color: #CCACBD;
color: #CCACBD;
border-color: #CCACBD;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F9F6F7
100
#F1EAED
200
#E4D3DC
300
#D0B3C3
400
#B78AA2
500
#9E6181
600
#7E4E68
700
#653E53
800
#4F3141
900
#3B2631
950
#25181F

Contrast Checker

Text on white

2,06:1

AA Fail AAA Fail

Text on black

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