#CCB8FE

#CCB8FE

Color Values

HEX

#CCB8FE

RGB

204, 184, 254

HSL

257.1, 97.2%, 85.9%

HSV

257.1, 27.6%, 99.6%

CMYK

19.7%, 27.6%, 0.0%, 0.4%

OKLCH

0.8238 0.0989 297.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCB8FE

#EAFEB8

Analogous

#B8C7FE

#EFB8FE

#CCB8FE

Triadic

#CCB8FE

#FECCB8

#B8FECC

Split Complementary

#CCB8FE

#FEEFB8

#C7FEB8

Tetradic

#CCB8FE

#FEB8C7

#EAFEB8

#B8FEEF

Color Blindness Simulation

Original

#CCB8FE

Protanopia

#C3C3ED

Deuteranopia

#C4C6E9

Tritanopia

#CBE0DD

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F5F1FE
100
#E7DEFC
200
#CCB9FE
300
#A886FD
400
#7945FC
500
#4A04FB
600
#3B03C9
700
#2F02A1
800
#25027E
900
#1E065B
950
#130439

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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