#CCBDF9

#CCBDF9

Color Values

HEX

#CCBDF9

RGB

204, 189, 249

HSL

255,0, 83,3%, 85,9%

HSV

255,0, 24,1%, 97,6%

CMYK

18,1%, 24,1%, 0,0%, 2,4%

OKLCH

0,8311 0,0844 296,0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CCBDF9

#EAF9BD

Analogous

#BDCCF9

#EABDF9

#CCBDF9

Triadic

#CCBDF9

#F9CCBD

#BDF9CC

Split Complementary

#CCBDF9

#F9EABD

#CCF9BD

Tetradic

#CCBDF9

#F9BDCC

#EAF9BD

#BDF9EA

Color Blindness Simulation

Original

#CCBDF9

Protanopia

#C6C5EA

Deuteranopia

#C6C7E7

Tritanopia

#CBDFDC

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F5F2FD
100
#E7E1FA
200
#CCBEF9
300
#A88FF5
400
#7952EF
500
#4A15EA
600
#3C11BB
700
#300E96
800
#250B75
900
#1E0C55
950
#130836

Contrast Checker

Text on white

1,72:1

AA Fail AAA Fail

Text on black

12,21: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