#F53660

#F53660

Color Values

HEX

#F53660

RGB

245, 54, 96

HSL

346.8, 90.5%, 58.6%

HSV

346.8, 78.0%, 96.1%

CMYK

0.0%, 78.0%, 60.8%, 3.9%

OKLCH

0.6402 0.2238 14.6

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#F53660

#36F5CB

Analogous

#F536BF

#F56B36

#F53660

Triadic

#F53660

#60F536

#3660F5

Split Complementary

#F53660

#36F56B

#36BFF5

Tetradic

#F53660

#BFF536

#36F5CB

#6B36F5

Color Blindness Simulation

Original

#F53660

Protanopia

#A2A156

Deuteranopia

#ADBC53

Tritanopia

#EB4E4C

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FDF1F4
100
#FBDFE5
200
#FCBBC9
300
#F98AA3
400
#F64B71
500
#F30C3F
600
#C20A32
700
#9B0828
800
#79061F
900
#58091A
950
#380611

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

5.58:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026