#CCA9FC

#CCA9FC

Color Values

HEX

#CCA9FC

RGB

204, 169, 252

HSL

265.3, 93.3%, 82.5%

HSV

265.3, 32.9%, 98.8%

CMYK

19.0%, 32.9%, 0.0%, 1.2%

OKLCH

0.7956 0.1204 303.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCA9FC

#D9FCA9

Analogous

#A9AFFC

#F5A9FC

#CCA9FC

Triadic

#CCA9FC

#FCCCA9

#A9FCCC

Split Complementary

#CCA9FC

#FCF5A9

#AFFCA9

Tetradic

#CCA9FC

#FCA9AF

#D9FCA9

#A9FCF5

Color Blindness Simulation

Original

#CCA9FC

Protanopia

#BDBDE8

Deuteranopia

#BFC1E3

Tritanopia

#CAD8D5

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F6F1FD
100
#EBDFFB
200
#D6BAFD
300
#B989FB
400
#9349F9
500
#6D09F6
600
#5707C5
700
#46059E
800
#36047B
900
#2A0859
950
#1B0538

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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