#D8A2FD

#D8A2FD

Color Values

HEX

#D8A2FD

RGB

216, 162, 253

HSL

275.6, 95.8%, 81.4%

HSV

275.6, 36.0%, 99.2%

CMYK

14.6%, 36.0%, 0.0%, 0.8%

OKLCH

0.7949 0.1371 310.7

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#D8A2FD

#C7FDA2

Analogous

#ABA2FD

#FDA2F5

#D8A2FD

Triadic

#D8A2FD

#FDD8A2

#A2FDD8

Split Complementary

#D8A2FD

#F5FDA2

#A2FDAB

Tetradic

#D8A2FD

#FDABA2

#C7FDA2

#A2F5FD

Color Blindness Simulation

Original

#D8A2FD

Protanopia

#C1C0E7

Deuteranopia

#C4C8E2

Tritanopia

#D5D6D2

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F9F1FE
100
#F0DFFC
200
#E2B9FE
300
#CD87FC
400
#B246FB
500
#9605FA
600
#7804C8
700
#6003A0
800
#4B037D
900
#38075A
950
#240439

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.51:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026