#F84407

#F84407

Color Values

HEX

#F84407

RGB

248, 68, 7

HSL

15.2, 94.5%, 50.0%

HSV

15.2, 97.2%, 97.3%

CMYK

0.0%, 72.6%, 97.2%, 2.7%

OKLCH

0.6476 0.2233 35.2

Properties

Warm Light Nearest: orangered 2

Color Harmonies

Complementary

#F84407

#07BBF8

Analogous

#F80742

#F8BD07

#F84407

Triadic

#F84407

#07F844

#4407F8

Split Complementary

#F84407

#07F8BD

#0742F8

Tetradic

#F84407

#42F807

#07BBF8

#BD07F8

Color Blindness Simulation

Original

#F84407

Protanopia

#AAA816

Deuteranopia

#B4C219

Tritanopia

#EF2124

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FDCBBA
300
#FCA588
400
#FA7547
500
#F84407
600
#C63606
700
#9F2C04
800
#7C2204
900
#5A1C07
950
#391205

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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