#DAAFF0

#DAAFF0

Color Values

HEX

#DAAFF0

RGB

218, 175, 240

HSL

279.7, 68.4%, 81.4%

HSV

279.7, 27.1%, 94.1%

CMYK

9.2%, 27.1%, 0.0%, 5.9%

OKLCH

0.814 0.1004 314.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DAAFF0

#C5F0AF

Analogous

#BAAFF0

#F0AFE6

#DAAFF0

Triadic

#DAAFF0

#F0DAAF

#AFF0DA

Split Complementary

#DAAFF0

#E6F0AF

#AFF0BA

Tetradic

#DAAFF0

#F0BAAF

#C5F0AF

#AFE6F0

Color Blindness Simulation

Original

#DAAFF0

Protanopia

#C7C7E0

Deuteranopia

#CACDDC

Tritanopia

#D8D4D1

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F9F3FC
100
#F1E3F8
200
#E3C3F4
300
#CF98EC
400
#B660E1
500
#9C28D7
600
#7D20AC
700
#641A89
800
#4E146B
900
#3A134E
950
#250C31

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.37: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