#DAB3F6

#DAB3F6

Color Values

HEX

#DAB3F6

RGB

218, 179, 246

HSL

274.9, 78.8%, 83.3%

HSV

274.9, 27.2%, 96.5%

CMYK

11.4%, 27.2%, 0.0%, 3.5%

OKLCH

0.8235 0.1008 310.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DAB3F6

#CFF6B3

Analogous

#B8B3F6

#F6B3F0

#DAB3F6

Triadic

#DAB3F6

#F6DAB3

#B3F6DA

Split Complementary

#DAB3F6

#F0F6B3

#B3F6B8

Tetradic

#DAB3F6

#F6B8B3

#CFF6B3

#B3F0F6

Color Blindness Simulation

Original

#DAB3F6

Protanopia

#C9C9E6

Deuteranopia

#CBCEE2

Tritanopia

#D8D9D6

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#E0BFF7
300
#CA92F2
400
#AD56EB
500
#901BE4
600
#7316B6
700
#5C1192
800
#480E72
900
#360E53
950
#220934

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.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