#CBBCFD

#CBBCFD

Color Values

HEX

#CBBCFD

RGB

203, 188, 253

HSL

253.8, 94.2%, 86.5%

HSV

253.8, 25.7%, 99.2%

CMYK

19.8%, 25.7%, 0.0%, 0.8%

OKLCH

0.83 0.0912 294.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CBBCFD

#EEFDBC

Analogous

#BCCEFD

#EBBCFD

#CBBCFD

Triadic

#CBBCFD

#FDCBBC

#BCFDCB

Split Complementary

#CBBCFD

#FDEBBC

#CEFDBC

Tetradic

#CBBCFD

#FDBCCE

#EEFDBC

#BCFDEB

Color Blindness Simulation

Original

#CBBCFD

Protanopia

#C5C4ED

Deuteranopia

#C5C6EA

Tritanopia

#CAE1DE

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F4F1FD
100
#E5DFFB
200
#C9BAFD
300
#A388FB
400
#7148FA
500
#3F07F8
600
#3206C6
700
#28059E
800
#1F047C
900
#1A075A
950
#110539

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

12.15:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026