#F5480A

#F5480A

Color Values

HEX

#F5480A

RGB

245, 72, 10

HSL

15.8, 92.2%, 50.0%

HSV

15.8, 95.9%, 96.1%

CMYK

0.0%, 70.6%, 95.9%, 3.9%

OKLCH

0.6464 0.2175 36.0

Properties

Warm Light Nearest: RAL 2004 Pure Orange

Color Harmonies

Complementary

#F5480A

#0AB7F5

Analogous

#F50A42

#F5BD0A

#F5480A

Triadic

#F5480A

#0AF548

#480AF5

Split Complementary

#F5480A

#0AF5BD

#0A42F5

Tetradic

#F5480A

#42F50A

#0AB7F5

#BD0AF5

Color Blindness Simulation

Original

#F5480A

Protanopia

#AAA919

Deuteranopia

#B4C11D

Tritanopia

#EC2527

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FDF5F1
100
#FBE7DF
200
#FCCCBA
300
#FAA789
400
#F8774A
500
#F5480A
600
#C43908
700
#9D2E06
800
#7B2405
900
#591D08
950
#381305

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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