#FD72AA

#FD72AA

Color Values

HEX

#FD72AA

RGB

253, 114, 170

HSL

335,8, 97,2%, 72,0%

HSV

335,8, 54,9%, 99,2%

CMYK

0,0%, 54,9%, 32,8%, 0,8%

OKLCH

0,7334 0,1781 357,1

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#FD72AA

#72FDC5

Analogous

#FD72F0

#FD8072

#FD72AA

Triadic

#FD72AA

#AAFD72

#72AAFD

Split Complementary

#FD72AA

#72FD80

#72F0FD

Tetradic

#FD72AA

#F0FD72

#72FDC5

#8072FD

Color Blindness Simulation

Original

#FD72AA

Protanopia

#C1C09C

Deuteranopia

#C9D399

Tritanopia

#F6928F

Achromatopsia

#949494

CSS Usage

background-color: #FD72AA;
color: #FD72AA;
border-color: #FD72AA;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FEF1F6
100
#FCDEEA
200
#FEB9D5
300
#FD86B6
400
#FC458F
500
#FB0468
600
#C90353
700
#A10242
800
#7E0234
900
#5B0628
950
#390419

Contrast Checker

Text on white

2,57:1

AA Fail AAA Fail

Text on black

8,16: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