#FD45E4

#FD45E4

Color Values

HEX

#FD45E4

RGB

253, 69, 228

HSL

308.2, 97.9%, 63.1%

HSV

308.2, 72.7%, 99.2%

CMYK

0.0%, 72.7%, 9.9%, 0.8%

OKLCH

0.7105 0.2688 334.2

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#FD45E4

#45FD5E

Analogous

#BA45FD

#FD4588

#FD45E4

Triadic

#FD45E4

#E4FD45

#45E4FD

Split Complementary

#FD45E4

#88FD45

#45FDBA

Tetradic

#FD45E4

#FDBA45

#45FD5E

#4588FD

Color Blindness Simulation

Original

#FD45E4

Protanopia

#ADACBE

Deuteranopia

#B8C6B4

Tritanopia

#F49F98

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF8
200
#FEB8F5
300
#FE86ED
400
#FD44E4
500
#FC03DA
600
#CA02AF
700
#A1028C
800
#7E016D
900
#5B064F
950
#3A0432

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

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