#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026