#D2A2F2

#D2A2F2

Color Values

HEX

#D2A2F2

RGB

210, 162, 242

HSL

276.0, 75.5%, 79.2%

HSV

276.0, 33.1%, 94.9%

CMYK

13.2%, 33.1%, 0.0%, 5.1%

OKLCH

0.7844 0.1216 311.2

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#D2A2F2

#C2F2A2

Analogous

#AAA2F2

#F2A2EA

#D2A2F2

Triadic

#D2A2F2

#F2D2A2

#A2F2D2

Split Complementary

#D2A2F2

#EAF2A2

#A2F2AA

Tetradic

#D2A2F2

#F2AAA2

#C2F2A2

#A2EAF2

Color Blindness Simulation

Original

#D2A2F2

Protanopia

#BDBDDF

Deuteranopia

#C0C4DA

Tritanopia

#D0CFCC

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE2F9
200
#E1C0F6
300
#CB94F0
400
#AF59E8
500
#931FE0
600
#7519B3
700
#5E148F
800
#491070
900
#371051
950
#230A33

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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