#CCBAFD

#CCBAFD

Color Values

HEX

#CCBAFD

RGB

204, 186, 253

HSL

256.1, 94.4%, 86.1%

HSV

256.1, 26.5%, 99.2%

CMYK

19.4%, 26.5%, 0.0%, 0.8%

OKLCH

0.8271 0.0944 296.6

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCBAFD

#EBFDBA

Analogous

#BACAFD

#EEBAFD

#CCBAFD

Triadic

#CCBAFD

#FDCCBA

#BAFDCC

Split Complementary

#CCBAFD

#FDEEBA

#CAFDBA

Tetradic

#CCBAFD

#FDBACA

#EBFDBA

#BAFDEE

Color Blindness Simulation

Original

#CCBAFD

Protanopia

#C4C4ED

Deuteranopia

#C5C7E9

Tritanopia

#CBE0DD

Achromatopsia

#C3C3C3

CSS Usage

background-color: #CCBAFD;
color: #CCBAFD;
border-color: #CCBAFD;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F5F1FD
100
#E7DFFB
200
#CCBAFD
300
#A788FC
400
#7748FA
500
#4807F8
600
#3906C6
700
#2E059F
800
#24047C
900
#1D075A
950
#130539

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

12.01:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026