#CCBAFC

#CCBAFC

Color Values

HEX

#CCBAFC

RGB

204, 186, 252

HSL

256.4, 91.7%, 85.9%

HSV

256.4, 26.2%, 98.8%

CMYK

19.0%, 26.2%, 0.0%, 1.2%

OKLCH

0.8267 0.0931 296.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCBAFC

#EAFCBA

Analogous

#BAC9FC

#EDBAFC

#CCBAFC

Triadic

#CCBAFC

#FCCCBA

#BAFCCC

Split Complementary

#CCBAFC

#FCEDBA

#C9FCBA

Tetradic

#CCBAFC

#FCBAC9

#EAFCBA

#BAFCED

Color Blindness Simulation

Original

#CCBAFC

Protanopia

#C4C4EC

Deuteranopia

#C5C7E8

Tritanopia

#CBDFDD

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F5F1FD
100
#E7DFFB
200
#CCBBFC
300
#A88AFA
400
#794AF7
500
#4A0BF4
600
#3C08C4
700
#30079C
800
#25057A
900
#1E0858
950
#130538

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

12.0:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026