#DEBAEB

#DEBAEB

Color Values

HEX

#DEBAEB

RGB

222, 186, 235

HSL

284.1, 55.1%, 82.5%

HSV

284.1, 20.9%, 92.2%

CMYK

5.5%, 20.9%, 0.0%, 7.8%

OKLCH

0.8357 0.0775 317.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DEBAEB

#C7EBBA

Analogous

#C5BAEB

#EBBADF

#DEBAEB

Triadic

#DEBAEB

#EBDEBA

#BAEBDE

Split Complementary

#DEBAEB

#DFEBBA

#BAEBC5

Tetradic

#DEBAEB

#EBC5BA

#C7EBBA

#BADFEB

Color Blindness Simulation

Original

#DEBAEB

Protanopia

#CECEDF

Deuteranopia

#D0D3DC

Tritanopia

#DCD6D4

Achromatopsia

#C5C5C5

CSS Usage

background-color: #DEBAEB;
color: #DEBAEB;
border-color: #DEBAEB;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F9F4FB
100
#F1E5F6
200
#E5C8EF
300
#D2A0E4
400
#B96DD5
500
#A139C6
600
#802E9E
700
#67257F
800
#501D63
900
#3C1848
950
#260F2E

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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