#D497DC

#D497DC

Color Values

HEX

#D497DC

RGB

212, 151, 220

HSL

293.0, 49.6%, 72.7%

HSV

293.0, 31.4%, 86.3%

CMYK

3.6%, 31.4%, 0.0%, 13.7%

OKLCH

0.7583 0.1169 322.6

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#D497DC

#9FDC97

Analogous

#B197DC

#DC97C1

#D497DC

Triadic

#D497DC

#DCD497

#97DCD4

Split Complementary

#D497DC

#C1DC97

#97DCB1

Tetradic

#D497DC

#DCB197

#9FDC97

#97C1DC

Color Blindness Simulation

Original

#D497DC

Protanopia

#BAB9CB

Deuteranopia

#BDC2C7

Tritanopia

#D1BEBB

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F3E6F5
200
#E9CAED
300
#D9A3E0
400
#C572CF
500
#B040BF
600
#8D3399
700
#71297A
800
#58205F
900
#411B46
950
#29112C

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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