#CCA6FA

#CCA6FA

Color Values

HEX

#CCA6FA

RGB

204, 166, 250

HSL

267.1, 89.4%, 81.6%

HSV

267.1, 33.6%, 98.0%

CMYK

18.4%, 33.6%, 0.0%, 2.0%

OKLCH

0.7894 0.1227 304.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCA6FA

#D4FAA6

Analogous

#A6AAFA

#F6A6FA

#CCA6FA

Triadic

#CCA6FA

#FACCA6

#A6FACC

Split Complementary

#CCA6FA

#FAF6A6

#AAFAA6

Tetradic

#CCA6FA

#FAA6AA

#D4FAA6

#A6FAF6

Color Blindness Simulation

Original

#CCA6FA

Protanopia

#BCBBE6

Deuteranopia

#BEC1E1

Tritanopia

#CAD6D2

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE0FB
200
#D8BBFB
300
#BD8BF9
400
#984CF5
500
#740EF1
600
#5D0BC1
700
#4B099B
800
#3A0779
900
#2D0957
950
#1C0637

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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