#D997EC

#D997EC

Color Values

HEX

#D997EC

RGB

217, 151, 236

HSL

286.6, 69.1%, 75.9%

HSV

286.6, 36.0%, 92.5%

CMYK

8.1%, 36.0%, 0.0%, 7.5%

OKLCH

0.7701 0.1369 318.5

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#D997EC

#AAEC97

Analogous

#AF97EC

#EC97D5

#D997EC

Triadic

#D997EC

#ECD997

#97ECD9

Split Complementary

#D997EC

#D5EC97

#97ECAF

Tetradic

#D997EC

#ECAF97

#AAEC97

#97D5EC

Color Blindness Simulation

Original

#D997EC

Protanopia

#BCBCD7

Deuteranopia

#C0C5D2

Tritanopia

#D6C7C4

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FAF3FC
100
#F3E3F8
200
#E9C3F4
300
#D998EC
400
#C55FE2
500
#B027D8
600
#8D20AC
700
#71198A
800
#58146C
900
#41124F
950
#290C32

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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