#F80740

#F80740

Color Values

HEX

#F80740

RGB

248, 7, 64

HSL

345.8, 94.5%, 50.0%

HSV

345.8, 97.2%, 97.3%

CMYK

0.0%, 97.2%, 74.2%, 2.7%

OKLCH

0.6205 0.2475 20.6

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#F80740

#07F8BF

Analogous

#F807B9

#F84607

#F80740

Triadic

#F80740

#40F807

#0740F8

Split Complementary

#F80740

#07F846

#07B9F8

Tetradic

#F80740

#B9F807

#07F8BF

#4607F8

Color Blindness Simulation

Original

#F80740

Protanopia

#908E32

Deuteranopia

#9EB02F

Tritanopia

#EC2725

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FDF1F4
100
#FBDFE6
200
#FDBACA
300
#FC88A3
400
#FA4772
500
#F80740
600
#C60633
700
#9F0429
800
#7C0420
900
#5A071B
950
#390511

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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