#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

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