#D45FE3

#D45FE3

Color Values

HEX

#D45FE3

RGB

212, 95, 227

HSL

293.2, 70.2%, 63.1%

HSV

293.2, 58.1%, 89.0%

CMYK

6.6%, 58.1%, 0.0%, 11.0%

OKLCH

0.6792 0.2152 323.0

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#D45FE3

#6EE35F

Analogous

#925FE3

#E35FB0

#D45FE3

Triadic

#D45FE3

#E3D45F

#5FE3D4

Split Complementary

#D45FE3

#B0E35F

#5FE392

Tetradic

#D45FE3

#E3925F

#6EE35F

#5FB0E3

Color Blindness Simulation

Original

#D45FE3

Protanopia

#A1A0C3

Deuteranopia

#A8B1BB

Tritanopia

#CEAAA4

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F5E2F8
200
#EFC2F4
300
#E397ED
400
#D45EE3
500
#C526D9
600
#9D1EAE
700
#7E188B
800
#62136D
900
#48124F
950
#2E0B32

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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