#F53602

#F53602

Color Values

HEX

#F53602

RGB

245, 54, 2

HSL

12.8, 98.4%, 48.4%

HSV

12.8, 99.2%, 96.1%

CMYK

0.0%, 78.0%, 99.2%, 3.9%

OKLCH

0.6309 0.2304 33.3

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#F53602

#02C1F5

Analogous

#F50248

#F5AF02

#F53602

Triadic

#F53602

#02F536

#3602F5

Split Complementary

#F53602

#02F5AF

#0248F5

Tetradic

#F53602

#48F502

#02C1F5

#AF02F5

Color Blindness Simulation

Original

#F53602

Protanopia

#A2A10F

Deuteranopia

#ADBC12

Tritanopia

#EB191B

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FEC7B8
300
#FE9F86
400
#FD6B44
500
#FD3802
600
#CA2C02
700
#A22401
800
#7E1C01
900
#5B1806
950
#3A0F04

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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