#CCA7C5

#CCA7C5

Color Values

HEX

#CCA7C5

RGB

204, 167, 197

HSL

311.4, 26.6%, 72.7%

HSV

311.4, 18.1%, 80.0%

CMYK

0.0%, 18.1%, 3.4%, 20.0%

OKLCH

0.7707 0.0591 332.7

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#CCA7C5

#A7CCAE

Analogous

#C0A7CC

#CCA7B2

#CCA7C5

Triadic

#CCA7C5

#C5CCA7

#A7C5CC

Split Complementary

#CCA7C5

#B2CCA7

#A7CCC0

Tetradic

#CCA7C5

#CCC0A7

#A7CCAE

#A7B2CC

Color Blindness Simulation

Original

#CCA7C5

Protanopia

#BCBCBE

Deuteranopia

#BEC1BC

Tritanopia

#CAB8B7

Achromatopsia

#B1B1B1

CSS Usage

background-color: #CCA7C5;
color: #CCA7C5;
border-color: #CCA7C5;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E5D2E1
300
#D2B2CC
400
#BA88B0
500
#A15E95
600
#814B77
700
#673C5F
800
#512F4A
900
#3C2538
950
#261723

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.9:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026