#CBBAED

#CBBAED

Color Values

HEX

#CBBAED

RGB

203, 186, 237

HSL

260.0, 58.6%, 82.9%

HSV

260.0, 21.5%, 92.9%

CMYK

14.3%, 21.5%, 0.0%, 7.1%

OKLCH

0.82 0.0728 300.0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CBBAED

#DCEDBA

Analogous

#BAC2ED

#E4BAED

#CBBAED

Triadic

#CBBAED

#EDCBBA

#BAEDCB

Split Complementary

#CBBAED

#EDE4BA

#C2EDBA

Tetradic

#CBBAED

#EDBAC2

#DCEDBA

#BAEDE4

Color Blindness Simulation

Original

#CBBAED

Protanopia

#C4C3E1

Deuteranopia

#C5C6DE

Tritanopia

#CAD7D5

Achromatopsia

#C1C1C1

CSS Usage

background-color: #CBBAED;
color: #CBBAED;
border-color: #CBBAED;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F6F4FB
100
#EAE4F6
200
#D4C6F0
300
#B69EE6
400
#8E69D8
500
#6735CA
600
#522AA2
700
#422281
800
#331A65
900
#28174A
950
#190E2F

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.79: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