#FD45CC

#FD45CC

Color Values

HEX

#FD45CC

RGB

253, 69, 204

HSL

316.0, 97.9%, 63.1%

HSV

316.0, 72.7%, 99.2%

CMYK

0.0%, 72.7%, 19.4%, 0.8%

OKLCH

0.6993 0.2535 340.9

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#FD45CC

#45FD76

Analogous

#D245FD

#FD4570

#FD45CC

Triadic

#FD45CC

#CCFD45

#45CCFD

Split Complementary

#FD45CC

#70FD45

#45FDD2

Tetradic

#FD45CC

#FDD245

#45FD76

#4570FD

Color Blindness Simulation

Original

#FD45CC

Protanopia

#ADACAB

Deuteranopia

#B8C6A3

Tritanopia

#F4928C

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FEF1FA
100
#FCDEF4
200
#FEB8EC
300
#FE86DE
400
#FD44CC
500
#FC03BA
600
#CA0295
700
#A10277
800
#7E015D
900
#5B0644
950
#3A042B

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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