#CBADEE

#CBADEE

Color Values

HEX

#CBADEE

RGB

203, 173, 238

HSL

267,7, 65,7%, 80,6%

HSV

267,7, 27,3%, 93,3%

CMYK

14,7%, 27,3%, 0,0%, 6,7%

OKLCH

0,7961 0,0956 305,4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CBADEE

#D0EEAD

Analogous

#ADB0EE

#ECADEE

#CBADEE

Triadic

#CBADEE

#EECBAD

#ADEECB

Split Complementary

#CBADEE

#EEECAD

#B0EEAD

Tetradic

#CBADEE

#EEADB0

#D0EEAD

#ADEEEC

Color Blindness Simulation

Original

#CBADEE

Protanopia

#BEBEDE

Deuteranopia

#C0C2DA

Tritanopia

#CAD2CF

Achromatopsia

#B8B8B8

CSS Usage

background-color: #CBADEE;
color: #CBADEE;
border-color: #CBADEE;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F3FC
100
#ECE3F7
200
#DAC4F3
300
#BF9AEA
400
#9C63DF
500
#792CD3
600
#6123A9
700
#4D1C87
800
#3D166A
900
#2E144D
950
#1D0D31

Contrast Checker

Text on white

1,95:1

AA Fail AAA Fail

Text on black

10,75: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