#DEA2FD

#DEA2FD

Color Values

HEX

#DEA2FD

RGB

222, 162, 253

HSL

279.6, 95.8%, 81.4%

HSV

279.6, 36.0%, 99.2%

CMYK

12.3%, 36.0%, 0.0%, 0.8%

OKLCH

0.8007 0.1395 313.6

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#DEA2FD

#C1FDA2

Analogous

#B1A2FD

#FDA2EE

#DEA2FD

Triadic

#DEA2FD

#FDDEA2

#A2FDDE

Split Complementary

#DEA2FD

#EEFDA2

#A2FDB1

Tetradic

#DEA2FD

#FDB1A2

#C1FDA2

#A2EEFD

Color Blindness Simulation

Original

#DEA2FD

Protanopia

#C4C3E7

Deuteranopia

#C8CCE2

Tritanopia

#DBD6D2

Achromatopsia

#B5B5B5

CSS Usage

background-color: #DEA2FD;
color: #DEA2FD;
border-color: #DEA2FD;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F9F1FE
100
#F2DFFC
200
#E6B9FE
300
#D587FC
400
#BE46FB
500
#A705FA
600
#8504C8
700
#6B03A0
800
#53037D
900
#3E075A
950
#270439

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

10.69:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026