#F80736

#F80736

Color Values

HEX

#F80736

RGB

248, 7, 54

HSL

348.3, 94.5%, 50.0%

HSV

348.3, 97.2%, 97.3%

CMYK

0.0%, 97.2%, 78.2%, 2.7%

OKLCH

0.6193 0.248 22.9

Properties

Warm Light Nearest: Torch Red

Color Harmonies

Complementary

#F80736

#07F8C9

Analogous

#F807AE

#F85107

#F80736

Triadic

#F80736

#36F807

#0736F8

Split Complementary

#F80736

#07F851

#07AEF8

Tetradic

#F80736

#AEF807

#07F8C9

#5107F8

Color Blindness Simulation

Original

#F80736

Protanopia

#908E2B

Deuteranopia

#9EB028

Tritanopia

#EC2220

Achromatopsia

#3E3E3E

CSS Usage

background-color: #F80736;
color: #F80736;
border-color: #F80736;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF1F4
100
#FBDFE4
200
#FDBAC7
300
#FC889F
400
#FA476A
500
#F80736
600
#C6062B
700
#9F0423
800
#7C041B
900
#5A0717
950
#39050F

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

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