#DABAFF

#DABAFF

Color Values

HEX

#DABAFF

RGB

218, 186, 255

HSL

267,8, 100,0%, 86,5%

HSV

267,8, 27,1%, 100,0%

CMYK

14,5%, 27,1%, 0,0%, 0,0%

OKLCH

0,8398 0,1002 305,5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DABAFF

#DFFFBA

Analogous

#BABDFF

#FCBAFF

#DABAFF

Triadic

#DABAFF

#FFDABA

#BAFFDA

Split Complementary

#DABAFF

#FFFCBA

#BDFFBA

Tetradic

#DABAFF

#FFBABD

#DFFFBA

#BAFFFC

Color Blindness Simulation

Original

#DABAFF

Protanopia

#CCCCEE

Deuteranopia

#CED0EA

Tritanopia

#D8E1DE

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#ECDEFC
200
#D9B8FF
300
#BD85FF
400
#9A42FF
500
#7600FF
600
#5F00CC
700
#4C00A3
800
#3B0080
900
#2D055C
950
#1D033A

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

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