#D645D2

#D645D2

Color Values

HEX

#D645D2

RGB

214, 69, 210

HSL

301.7, 63.9%, 55.5%

HSV

301.7, 67.8%, 83.9%

CMYK

0.0%, 67.8%, 1.9%, 16.1%

OKLCH

0.6454 0.2361 329.1

Properties

Warm Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#D645D2

#45D649

Analogous

#9245D6

#D64589

#D645D2

Triadic

#D645D2

#D2D645

#45D2D6

Split Complementary

#D645D2

#89D645

#45D692

Tetradic

#D645D2

#D69245

#45D649

#4589D6

Color Blindness Simulation

Original

#D645D2

Protanopia

#9796B0

Deuteranopia

#A0AAA8

Tritanopia

#CF958F

Achromatopsia

#6E6E6E

CSS Usage

background-color: #D645D2;
color: #D645D2;
border-color: #D645D2;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F2C4F1
300
#E99BE7
400
#DD64DA
500
#D12ECC
600
#A725A3
700
#861D83
800
#681766
900
#4C154B
950
#300D2F

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

5.64:1

AA Pass AAA Fail

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