#F84A4E

#F84A4E

Color Values

HEX

#F84A4E

RGB

248, 74, 78

HSL

358.6, 92.6%, 63.1%

HSV

358.6, 70.2%, 97.3%

CMYK

0.0%, 70.2%, 68.5%, 2.7%

OKLCH

0.6588 0.2103 23.9

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#F84A4E

#4AF8F4

Analogous

#F84AA5

#F89D4A

#F84A4E

Triadic

#F84A4E

#4EF84A

#4A4EF8

Split Complementary

#F84A4E

#4AF89D

#4AA5F8

Tetradic

#F84A4E

#A5F84A

#4AF8F4

#9D4AF8

Color Blindness Simulation

Original

#F84A4E

Protanopia

#ADAB4D

Deuteranopia

#B7C44D

Tritanopia

#EF4C4C

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE0
200
#FCBABC
300
#FA898C
400
#F8494D
500
#F6090F
600
#C4080C
700
#9D060A
800
#7B0507
900
#59080A
950
#380506

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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