#DAAFF4

#DAAFF4

Color Values

HEX

#DAAFF4

RGB

218, 175, 244

HSL

277.4, 75.8%, 82.2%

HSV

277.4, 28.3%, 95.7%

CMYK

10.7%, 28.3%, 0.0%, 4.3%

OKLCH

0.8156 0.1052 312.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DAAFF4

#C9F4AF

Analogous

#B8AFF4

#F4AFEC

#DAAFF4

Triadic

#DAAFF4

#F4DAAF

#AFF4DA

Split Complementary

#DAAFF4

#ECF4AF

#AFF4B8

Tetradic

#DAAFF4

#F4B8AF

#C9F4AF

#AFECF4

Color Blindness Simulation

Original

#DAAFF4

Protanopia

#C7C7E3

Deuteranopia

#CACDDF

Tritanopia

#D8D6D3

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F9F2FC
100
#F0E2F9
200
#E2C0F6
300
#CD93F0
400
#B259E8
500
#971FE0
600
#7919B3
700
#61148F
800
#4C0F70
900
#390F52
950
#240A33

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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