#DAACF3

#DAACF3

Color Values

HEX

#DAACF3

RGB

218, 172, 243

HSL

278.9, 74.7%, 81.4%

HSV

278.9, 29.2%, 95.3%

CMYK

10.3%, 29.2%, 0.0%, 4.7%

OKLCH

0.8099 0.1091 313.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DAACF3

#C5F3AC

Analogous

#B7ACF3

#F3ACE8

#DAACF3

Triadic

#DAACF3

#F3DAAC

#ACF3DA

Split Complementary

#DAACF3

#E8F3AC

#ACF3B7

Tetradic

#DAACF3

#F3B7AC

#C5F3AC

#ACE8F3

Color Blindness Simulation

Original

#DAACF3

Protanopia

#C6C6E2

Deuteranopia

#C9CCDE

Tritanopia

#D8D4D1

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F9F2FC
100
#F1E2F8
200
#E3C1F6
300
#CF94F0
400
#B65AE7
500
#9C20DF
600
#7D1AB2
700
#64158F
800
#4E106F
900
#3A1051
950
#250A33

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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