#D1A2FD

#D1A2FD

Color Values

HEX

#D1A2FD

RGB

209, 162, 253

HSL

271.0, 95.8%, 81.4%

HSV

271.0, 36.0%, 99.2%

CMYK

17.4%, 36.0%, 0.0%, 0.8%

OKLCH

0.7883 0.1346 307.3

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#D1A2FD

#CEFDA2

Analogous

#A4A2FD

#FDA2FB

#D1A2FD

Triadic

#D1A2FD

#FDD1A2

#A2FDD1

Split Complementary

#D1A2FD

#FBFDA2

#A2FDA4

Tetradic

#D1A2FD

#FDA4A2

#CEFDA2

#A2FBFD

Color Blindness Simulation

Original

#D1A2FD

Protanopia

#BDBCE7

Deuteranopia

#BFC3E2

Tritanopia

#CFD6D2

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F8F1FE
100
#EEDFFC
200
#DCB9FE
300
#C487FC
400
#A446FB
500
#8405FA
600
#6904C8
700
#5403A0
800
#42037D
900
#32075A
950
#1F0439

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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