#CCAEC3

#CCAEC3

Color Values

HEX

#CCAEC3

RGB

204, 174, 195

HSL

318.0, 22.7%, 74.1%

HSV

318.0, 14.7%, 80.0%

CMYK

0.0%, 14.7%, 4.4%, 20.0%

OKLCH

0.7833 0.0447 336.9

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#CCAEC3

#AECCB7

Analogous

#C6AECC

#CCAEB4

#CCAEC3

Triadic

#CCAEC3

#C3CCAE

#AEC3CC

Split Complementary

#CCAEC3

#B4CCAE

#AECCC6

Tetradic

#CCAEC3

#CCC6AE

#AECCB7

#AEB4CC

Color Blindness Simulation

Original

#CCAEC3

Protanopia

#BFBFBE

Deuteranopia

#C1C3BD

Tritanopia

#CABAB9

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1EAEF
200
#E3D3DF
300
#D0B4C7
400
#B68BA9
500
#9C638B
600
#7D4F6F
700
#643F59
800
#4E3146
900
#3A2734
950
#251821

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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