#FD45C7

#FD45C7

Color Values

HEX

#FD45C7

RGB

253, 69, 199

HSL

317.6, 97.9%, 63.1%

HSV

317.6, 72.7%, 99.2%

CMYK

0.0%, 72.7%, 21.3%, 0.8%

OKLCH

0.6971 0.2505 342.4

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#FD45C7

#45FD7B

Analogous

#D745FD

#FD456B

#FD45C7

Triadic

#FD45C7

#C7FD45

#45C7FD

Split Complementary

#FD45C7

#6BFD45

#45FDD7

Tetradic

#FD45C7

#FDD745

#45FD7B

#456BFD

Color Blindness Simulation

Original

#FD45C7

Protanopia

#ADACA8

Deuteranopia

#B8C6A0

Tritanopia

#F48F89

Achromatopsia

#767676

CSS Usage

background-color: #FD45C7;
color: #FD45C7;
border-color: #FD45C7;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1FA
100
#FCDEF3
200
#FEB8EA
300
#FE86DB
400
#FD44C7
500
#FC03B3
600
#CA028F
700
#A10273
800
#7E015A
900
#5B0642
950
#3A042A

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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