#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026