#DABFDF

#DABFDF

Color Values

HEX

#DABFDF

RGB

218, 191, 223

HSL

290.6, 33.3%, 81.2%

HSV

290.6, 14.3%, 87.5%

CMYK

2.2%, 14.3%, 0.0%, 12.5%

OKLCH

0.8373 0.0528 321.0

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#DABFDF

#C4DFBF

Analogous

#CABFDF

#DFBFD4

#DABFDF

Triadic

#DABFDF

#DFDABF

#BFDFDA

Split Complementary

#DABFDF

#D4DFBF

#BFDFCA

Tetradic

#DABFDF

#DFCABF

#C4DFBF

#BFD4DF

Color Blindness Simulation

Original

#DABFDF

Protanopia

#CECED7

Deuteranopia

#D0D2D5

Tritanopia

#D9D1D0

Achromatopsia

#C7C7C7

CSS Usage

background-color: #DABFDF;
color: #DABFDF;
border-color: #DABFDF;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F9F5FA
100
#F1E8F2
200
#E3CFE7
300
#D0ADD6
400
#B681C0
500
#9D55AA
600
#7D4488
700
#64366D
800
#4E2B55
900
#3A223F
950
#251528

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026