#DCAFE2

#DCAFE2

Color Values

HEX

#DCAFE2

RGB

220, 175, 226

HSL

292.9, 46.8%, 78.6%

HSV

292.9, 22.6%, 88.6%

CMYK

2.7%, 22.6%, 0.0%, 11.4%

OKLCH

0.8106 0.0857 322.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DCAFE2

#B5E2AF

Analogous

#C2AFE2

#E2AFCE

#DCAFE2

Triadic

#DCAFE2

#E2DCAF

#AFE2DC

Split Complementary

#DCAFE2

#CEE2AF

#AFE2C2

Tetradic

#DCAFE2

#E2C2AF

#B5E2AF

#AFCEE2

Color Blindness Simulation

Original

#DCAFE2

Protanopia

#C9C8D6

Deuteranopia

#CBCED3

Tritanopia

#DACCCA

Achromatopsia

#BCBCBC

CSS Usage

background-color: #DCAFE2;
color: #DCAFE2;
border-color: #DCAFE2;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FAF4FA
100
#F3E6F4
200
#E8CBEC
300
#D8A5DE
400
#C274CD
500
#AD44BB
600
#8A3696
700
#6F2B78
800
#57225E
900
#401C45
950
#28122B

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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