#DABEFD

#DABEFD

Color Values

HEX

#DABEFD

RGB

218, 190, 253

HSL

266,7, 94,0%, 86,9%

HSV

266,7, 24,9%, 99,2%

CMYK

13,8%, 24,9%, 0,0%, 0,8%

OKLCH

0,8463 0,091 304,8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DABEFD

#E1FDBE

Analogous

#BEC2FD

#FABEFD

#DABEFD

Triadic

#DABEFD

#FDDABE

#BEFDDA

Split Complementary

#DABEFD

#FDFABE

#C2FDBE

Tetradic

#DABEFD

#FDBEC2

#E1FDBE

#BEFDFA

Color Blindness Simulation

Original

#DABEFD

Protanopia

#CECEEE

Deuteranopia

#D0D2EA

Tritanopia

#D9E2DF

Achromatopsia

#C9C9C9

CSS Usage

background-color: #DABEFD;
color: #DABEFD;
border-color: #DABEFD;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F1FD
100
#ECDFFB
200
#D8BAFD
300
#BB88FB
400
#9748F9
500
#7208F7
600
#5B06C6
700
#49059E
800
#39047C
900
#2C0759
950
#1C0538

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

12,76: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