#FD45E7

#FD45E7

Color Values

HEX

#FD45E7

RGB

253, 69, 231

HSL

307.2, 97.9%, 63.1%

HSV

307.2, 72.7%, 99.2%

CMYK

0.0%, 72.7%, 8.7%, 0.8%

OKLCH

0.712 0.2708 333.4

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#FD45E7

#45FD5B

Analogous

#B745FD

#FD458B

#FD45E7

Triadic

#FD45E7

#E7FD45

#45E7FD

Split Complementary

#FD45E7

#8BFD45

#45FDB7

Tetradic

#FD45E7

#FDB745

#45FD5B

#458BFD

Color Blindness Simulation

Original

#FD45E7

Protanopia

#ADACC0

Deuteranopia

#B8C6B6

Tritanopia

#F4A19A

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF8
200
#FEB8F6
300
#FE86EF
400
#FD44E7
500
#FC03DE
600
#CA02B2
700
#A1028E
800
#7E016F
900
#5B0651
950
#3A0433

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

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