#F80748

#F80748

Color Values

HEX

#F80748

RGB

248, 7, 72

HSL

343.8, 94.5%, 50.0%

HSV

343.8, 97.2%, 97.3%

CMYK

0.0%, 97.2%, 71.0%, 2.7%

OKLCH

0.6216 0.2473 18.5

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#F80748

#07F8B7

Analogous

#F807C1

#F83E07

#F80748

Triadic

#F80748

#48F807

#0748F8

Split Complementary

#F80748

#07F83E

#07C1F8

Tetradic

#F80748

#C1F807

#07F8B7

#3E07F8

Color Blindness Simulation

Original

#F80748

Protanopia

#908E38

Deuteranopia

#9EB034

Tritanopia

#EC2C29

Achromatopsia

#3F3F3F

CSS Usage

background-color: #F80748;
color: #F80748;
border-color: #F80748;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FDF1F5
100
#FBDFE7
200
#FDBACC
300
#FC88A7
400
#FA4778
500
#F80748
600
#C6063A
700
#9F042E
800
#7C0424
900
#5A071D
950
#390513

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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