#DEBAEF

#DEBAEF

Color Values

HEX

#DEBAEF

RGB

222, 186, 239

HSL

280.8, 62.4%, 83.3%

HSV

280.8, 22.2%, 93.7%

CMYK

7.1%, 22.2%, 0.0%, 6.3%

OKLCH

0.8372 0.0821 314.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DEBAEF

#CBEFBA

Analogous

#C3BAEF

#EFBAE5

#DEBAEF

Triadic

#DEBAEF

#EFDEBA

#BAEFDE

Split Complementary

#DEBAEF

#E5EFBA

#BAEFC3

Tetradic

#DEBAEF

#EFC3BA

#CBEFBA

#BAE5EF

Color Blindness Simulation

Original

#DEBAEF

Protanopia

#CECEE2

Deuteranopia

#D0D3DF

Tritanopia

#DCD8D6

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F9F3FB
100
#F1E4F7
200
#E3C5F2
300
#D09CE8
400
#B666DC
500
#9C30CF
600
#7D26A6
700
#641F85
800
#4E1868
900
#3A154C
950
#250D30

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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