#F84A07

#F84A07

Color Values

HEX

#F84A07

RGB

248, 74, 7

HSL

16.7, 94.5%, 50.0%

HSV

16.7, 97.2%, 97.3%

CMYK

0.0%, 70.2%, 97.2%, 2.7%

OKLCH

0.6533 0.2189 36.4

Properties

Warm Light Nearest: orangered 2

Color Harmonies

Complementary

#F84A07

#07B5F8

Analogous

#F8073C

#F8C307

#F84A07

Triadic

#F84A07

#07F84A

#4A07F8

Split Complementary

#F84A07

#07F8C3

#073CF8

Tetradic

#F84A07

#3CF807

#07B5F8

#C307F8

Color Blindness Simulation

Original

#F84A07

Protanopia

#ADAB17

Deuteranopia

#B7C41B

Tritanopia

#EF2427

Achromatopsia

#6A6A6A

CSS Usage

background-color: #F84A07;
color: #F84A07;
border-color: #F84A07;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FDF5F1
100
#FBE7DF
200
#FDCCBA
300
#FCA888
400
#FA7947
500
#F84A07
600
#C63B06
700
#9F2F04
800
#7C2504
900
#5A1E07
950
#391305

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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