#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

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026