#CCACE4

#CCACE4

Color Values

HEX

#CCACE4

RGB

204, 172, 228

HSL

274.3, 50.9%, 78.4%

HSV

274.3, 24.6%, 89.4%

CMYK

10.5%, 24.6%, 0.0%, 10.6%

OKLCH

0.7912 0.085 310.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCACE4

#C4E4AC

Analogous

#B0ACE4

#E4ACE0

#CCACE4

Triadic

#CCACE4

#E4CCAC

#ACE4CC

Split Complementary

#CCACE4

#E0E4AC

#ACE4B0

Tetradic

#CCACE4

#E4B0AC

#C4E4AC

#ACE0E4

Color Blindness Simulation

Original

#CCACE4

Protanopia

#BEBED6

Deuteranopia

#C0C2D3

Tritanopia

#CACCC9

Achromatopsia

#B7B7B7

CSS Usage

background-color: #CCACE4;
color: #CCACE4;
border-color: #CCACE4;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DEC9ED
300
#C6A3E1
400
#A871D1
500
#893FC0
600
#6D329A
700
#58287B
800
#441F60
900
#341A47
950
#21112D

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026