#CEBADF

#CEBADF

Color Values

HEX

#CEBADF

RGB

206, 186, 223

HSL

272.4, 36.6%, 80.2%

HSV

272.4, 16.6%, 87.5%

CMYK

7.6%, 16.6%, 0.0%, 12.5%

OKLCH

0.8175 0.0555 309.4

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#CEBADF

#CBDFBA

Analogous

#BCBADF

#DFBADE

#CEBADF

Triadic

#CEBADF

#DFCEBA

#BADFCE

Split Complementary

#CEBADF

#DEDFBA

#BADFBC

Tetradic

#CEBADF

#DFBCBA

#CBDFBA

#BADEDF

Color Blindness Simulation

Original

#CEBADF

Protanopia

#C5C5D6

Deuteranopia

#C6C8D4

Tritanopia

#CDCFCD

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE8F3
200
#DCCEE8
300
#C4ABD8
400
#A37EC3
500
#8351AE
600
#69418B
700
#54346F
800
#422857
900
#322040
950
#1F1529

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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