#CCAED2

#CCAED2

Color Values

HEX

#CCAED2

RGB

204, 174, 210

HSL

290.0, 28.6%, 75.3%

HSV

290.0, 17.1%, 82.4%

CMYK

2.9%, 17.1%, 0.0%, 17.6%

OKLCH

0.7883 0.06 320.6

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#CCAED2

#B4D2AE

Analogous

#BAAED2

#D2AEC6

#CCAED2

Triadic

#CCAED2

#D2CCAE

#AED2CC

Split Complementary

#CCAED2

#C6D2AE

#AED2BA

Tetradic

#CCAED2

#D2BAAE

#B4D2AE

#AEC6D2

Color Blindness Simulation

Original

#CCAED2

Protanopia

#BFBFC9

Deuteranopia

#C1C3C7

Tritanopia

#CAC2C1

Achromatopsia

#B7B7B7

CSS Usage

background-color: #CCAED2;
color: #CCAED2;
border-color: #CCAED2;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F9F5F9
100
#F0E9F1
200
#E2D1E6
300
#CDB0D3
400
#B386BC
500
#985BA4
600
#794983
700
#613A69
800
#4C2E52
900
#39243D
950
#241726

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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