#CCACEB

#CCACEB

Color Values

HEX

#CCACEB

RGB

204, 172, 235

HSL

270,5, 61,2%, 79,8%

HSV

270,5, 26,8%, 92,2%

CMYK

13,2%, 26,8%, 0,0%, 7,8%

OKLCH

0,7939 0,0938 307,5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCACEB

#CBEBAC

Analogous

#ACACEB

#EBACEA

#CCACEB

Triadic

#CCACEB

#EBCCAC

#ACEBCC

Split Complementary

#CCACEB

#EAEBAC

#ACEBAC

Tetradic

#CCACEB

#EBACAC

#CBEBAC

#ACEAEB

Color Blindness Simulation

Original

#CCACEB

Protanopia

#BEBEDC

Deuteranopia

#C0C2D8

Tritanopia

#CAD0CD

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DCC5F1
300
#C29CE7
400
#A267DA
500
#8131CE
600
#6728A4
700
#522084
800
#401967
900
#31164B
950
#1F0E2F

Contrast Checker

Text on white

1,97:1

AA Fail AAA Fail

Text on black

10,67:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026