#FD4479

#FD4479

Color Values

HEX

#FD4479

RGB

253, 68, 121

HSL

342.8, 97.9%, 62.9%

HSV

342.8, 73.1%, 99.2%

CMYK

0.0%, 73.1%, 52.2%, 0.8%

OKLCH

0.67 0.2212 8.8

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#FD4479

#44FDC8

Analogous

#FD44D5

#FD6B44

#FD4479

Triadic

#FD4479

#79FD44

#4479FD

Split Complementary

#FD4479

#44FD6B

#44D5FD

Tetradic

#FD4479

#D5FD44

#44FDC8

#6B44FD

Color Blindness Simulation

Original

#FD4479

Protanopia

#ADAB6C

Deuteranopia

#B8C669

Tritanopia

#F46260

Achromatopsia

#6F6F6F

CSS Usage

background-color: #FD4479;
color: #FD4479;
border-color: #FD4479;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FEF1F5
100
#FCDEE7
200
#FEB8CC
300
#FE86A8
400
#FD4479
500
#FC034A
600
#CA023B
700
#A10230
800
#7E0125
900
#5B061E
950
#3A0413

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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