#F45F61

#F45F61

Color Values

HEX

#F45F61

RGB

244, 95, 97

HSL

359.2, 87.1%, 66.5%

HSV

359.2, 61.1%, 95.7%

CMYK

0.0%, 61.1%, 60.2%, 4.3%

OKLCH

0.6785 0.1835 22.6

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#F45F61

#5FF4F2

Analogous

#F45FAC

#F4A85F

#F45F61

Triadic

#F45F61

#61F45F

#5F61F4

Split Complementary

#F45F61

#5FF4A8

#5FACF4

Tetradic

#F45F61

#ACF45F

#5FF4F2

#A85FF4

Color Blindness Simulation

Original

#F45F61

Protanopia

#B3B261

Deuteranopia

#BCC760

Tritanopia

#ED6060

Achromatopsia

#7F7F7F

CSS Usage

background-color: #F45F61;
color: #F45F61;
border-color: #F45F61;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FDF2F2
100
#FAE0E0
200
#FABCBD
300
#F78C8E
400
#F34E51
500
#EF1013
600
#BF0D10
700
#990B0C
800
#77080A
900
#560A0B
950
#370707

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

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