#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026