#D397EC

#D397EC

Color Values

HEX

#D397EC

RGB

211, 151, 236

HSL

282.4, 69.1%, 75.9%

HSV

282.4, 36.0%, 92.5%

CMYK

10.6%, 36.0%, 0.0%, 7.5%

OKLCH

0.764 0.1339 315.6

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#D397EC

#B0EC97

Analogous

#A997EC

#EC97DA

#D397EC

Triadic

#D397EC

#ECD397

#97ECD3

Split Complementary

#D397EC

#DAEC97

#97ECA9

Tetradic

#D397EC

#ECA997

#B0EC97

#97DAEC

Color Blindness Simulation

Original

#D397EC

Protanopia

#B9B8D7

Deuteranopia

#BCC1D2

Tritanopia

#D0C7C4

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F9F3FC
100
#F1E3F8
200
#E5C3F4
300
#D398EC
400
#BC5FE2
500
#A427D8
600
#8320AC
700
#69198A
800
#52146C
900
#3D124F
950
#260C32

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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