#F8524A

#F8524A

Color Values

HEX

#F8524A

RGB

248, 82, 74

HSL

2.8, 92.6%, 63.1%

HSV

2.8, 70.2%, 97.3%

CMYK

0.0%, 66.9%, 70.2%, 2.7%

OKLCH

0.6663 0.2035 26.9

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#F8524A

#4AF0F8

Analogous

#F84A99

#F8A94A

#F8524A

Triadic

#F8524A

#4AF852

#524AF8

Split Complementary

#F8524A

#4AF8A9

#4A99F8

Tetradic

#F8524A

#99F84A

#4AF0F8

#A94AF8

Color Blindness Simulation

Original

#F8524A

Protanopia

#B0AF4C

Deuteranopia

#BAC64C

Tritanopia

#F04D4E

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FCBDBA
300
#FA8E89
400
#F85149
500
#F61409
600
#C41008
700
#9D0D06
800
#7B0A05
900
#590C08
950
#380705

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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