#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

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