#F84A55

#F84A55

Color Values

HEX

#F84A55

RGB

248, 74, 85

HSL

356.2, 92.6%, 63.1%

HSV

356.2, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 65.7%, 2.7%

OKLCH

0.6599 0.2096 21.7

Properties

Warm Light Nearest: RAL 3017 Rose

Color Harmonies

Complementary

#F84A55

#4AF8ED

Analogous

#F84AAC

#F8964A

#F84A55

Triadic

#F84A55

#55F84A

#4A55F8

Split Complementary

#F84A55

#4AF896

#4AACF8

Tetradic

#F84A55

#ACF84A

#4AF8ED

#964AF8

Color Blindness Simulation

Original

#F84A55

Protanopia

#ADAB52

Deuteranopia

#B7C452

Tritanopia

#EF5050

Achromatopsia

#707070

CSS Usage

background-color: #F84A55;
color: #F84A55;
border-color: #F84A55;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FCBABE
300
#FA8990
400
#F84954
500
#F60918
600
#C40814
700
#9D0610
800
#7B050C
900
#59080D
950
#380508

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.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