#D45FD7

#D45FD7

Color Values

HEX

#D45FD7

RGB

212, 95, 215

HSL

298.5, 60.0%, 60.8%

HSV

298.5, 55.8%, 84.3%

CMYK

1.4%, 55.8%, 0.0%, 15.7%

OKLCH

0.673 0.2047 326.6

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#D45FD7

#62D75F

Analogous

#985FD7

#D75F9E

#D45FD7

Triadic

#D45FD7

#D7D45F

#5FD7D4

Split Complementary

#D45FD7

#9ED75F

#5FD798

Tetradic

#D45FD7

#D7985F

#62D75F

#5F9ED7

Color Blindness Simulation

Original

#D45FD7

Protanopia

#A1A0BA

Deuteranopia

#A8B1B3

Tritanopia

#CEA39E

Achromatopsia

#818181

CSS Usage

background-color: #D45FD7;
color: #D45FD7;
border-color: #D45FD7;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FBF3FB
100
#F6E4F6
200
#F0C6F1
300
#E59DE7
400
#D668D9
500
#C833CC
600
#A029A3
700
#802183
800
#641A66
900
#49164B
950
#2E0E2F

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

6.42:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026