#CCAAC0

#CCAAC0

Color Values

HEX

#CCAAC0

RGB

204, 170, 192

HSL

321.2, 25.0%, 73.3%

HSV

321.2, 16.7%, 80.0%

CMYK

0.0%, 16.7%, 5.9%, 20.0%

OKLCH

0.7747 0.0493 339.4

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#CCAAC0

#AACCB6

Analogous

#C7AACC

#CCAAAF

#CCAAC0

Triadic

#CCAAC0

#C0CCAA

#AAC0CC

Split Complementary

#CCAAC0

#AFCCAA

#AACCC7

Tetradic

#CCAAC0

#CCC7AA

#AACCB6

#AAAFCC

Color Blindness Simulation

Original

#CCAAC0

Protanopia

#BDBDBB

Deuteranopia

#BFC2B9

Tritanopia

#CAB6B6

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E4D2DE
300
#D1B2C6
400
#B889A8
500
#9F6089
600
#804D6D
700
#663D58
800
#503044
900
#3B2634
950
#251821

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.08: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