#D8A8FD

#D8A8FD

Color Values

HEX

#D8A8FD

RGB

216, 168, 253

HSL

273.9, 95.5%, 82.5%

HSV

273.9, 33.6%, 99.2%

CMYK

14.6%, 33.6%, 0.0%, 0.8%

OKLCH

0.8052 0.127 309.6

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#D8A8FD

#CDFDA8

Analogous

#ADA8FD

#FDA8F7

#D8A8FD

Triadic

#D8A8FD

#FDD8A8

#A8FDD8

Split Complementary

#D8A8FD

#F7FDA8

#A8FDAD

Tetradic

#D8A8FD

#FDADA8

#CDFDA8

#A8F7FD

Color Blindness Simulation

Original

#D8A8FD

Protanopia

#C3C3E8

Deuteranopia

#C6CAE4

Tritanopia

#D6D8D5

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F8F1FE
100
#EFDFFC
200
#E0B9FD
300
#C987FC
400
#AC47FB
500
#8F06F9
600
#7305C7
700
#5C04A0
800
#48037D
900
#36075A
950
#220439

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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