#F53502

#F53502

Color Values

HEX

#F53502

RGB

245, 53, 2

HSL

12.6, 98.4%, 48.4%

HSV

12.6, 99.2%, 96.1%

CMYK

0.0%, 78.4%, 99.2%, 3.9%

OKLCH

0.6301 0.231 33.1

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#F53502

#02C2F5

Analogous

#F50248

#F5AE02

#F53502

Triadic

#F53502

#02F535

#3502F5

Split Complementary

#F53502

#02F5AE

#0248F5

Tetradic

#F53502

#48F502

#02C2F5

#AE02F5

Color Blindness Simulation

Original

#F53502

Protanopia

#A2A00E

Deuteranopia

#ADBB11

Tritanopia

#EB181A

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE4DE
200
#FEC7B8
300
#FE9F86
400
#FD6B44
500
#FD3702
600
#CA2C02
700
#A22301
800
#7E1B01
900
#5B1806
950
#3A0F04

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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