#FD45A3

#FD45A3

Color Values

HEX

#FD45A3

RGB

253, 69, 163

HSL

329.3, 97.9%, 63.1%

HSV

329.3, 72.7%, 99.2%

CMYK

0.0%, 72.7%, 35.6%, 0.8%

OKLCH

0.6832 0.2323 354.0

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#FD45A3

#45FD9F

Analogous

#FB45FD

#FD4547

#FD45A3

Triadic

#FD45A3

#A3FD45

#45A3FD

Split Complementary

#FD45A3

#47FD45

#45FDFB

Tetradic

#FD45A3

#FDFB45

#45FD9F

#4547FD

Color Blindness Simulation

Original

#FD45A3

Protanopia

#ADAC8C

Deuteranopia

#B8C687

Tritanopia

#F47A76

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FEB8DC
300
#FE86C3
400
#FD44A3
500
#FC0382
600
#CA0268
700
#A10253
800
#7E0141
900
#5B0631
950
#3A041F

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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