#F73A00

#F73A00

Color Values

HEX

#F73A00

RGB

247, 58, 0

HSL

14.1, 100.0%, 48.4%

HSV

14.1, 100.0%, 96.9%

CMYK

0.0%, 76.5%, 100.0%, 3.1%

OKLCH

0.6373 0.2297 33.9

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#F73A00

#00BDF7

Analogous

#F70041

#F7B500

#F73A00

Triadic

#F73A00

#00F73A

#3A00F7

Split Complementary

#F73A00

#00F7B5

#0041F7

Tetradic

#F73A00

#41F700

#00BDF7

#B500F7

Color Blindness Simulation

Original

#F73A00

Protanopia

#A5A40E

Deuteranopia

#B0BE11

Tritanopia

#EE191C

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FFC8B8
300
#FFA185
400
#FF6F42
500
#FF3C00
600
#CC3000
700
#A32600
800
#801E00
900
#5C1905
950
#3A1003

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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