#F57C0A

#F57C0A

Color Values

HEX

#F57C0A

RGB

245, 124, 10

HSL

29.1, 92.2%, 50.0%

HSV

29.1, 95.9%, 96.1%

CMYK

0.0%, 49.4%, 95.9%, 3.9%

OKLCH

0.7122 0.1785 53.0

Properties

Warm Light Nearest: darkorange 2

Color Harmonies

Complementary

#F57C0A

#0A83F5

Analogous

#F50A0D

#F5F20A

#F57C0A

Triadic

#F57C0A

#0AF57C

#7C0AF5

Split Complementary

#F57C0A

#0AF5F2

#0A0DF5

Tetradic

#F57C0A

#0DF50A

#0A83F5

#F20AF5

Color Blindness Simulation

Original

#F57C0A

Protanopia

#C1C026

Deuteranopia

#C8D12C

Tritanopia

#EF3B40

Achromatopsia

#8D8D8D

CSS Usage

background-color: #F57C0A;
color: #F57C0A;
border-color: #F57C0A;
Nearest Tailwind: Orange 500 #F97316

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDABA
300
#FAC089
400
#F89E4A
500
#F57C0A
600
#C46308
700
#9D4F06
800
#7B3E05
900
#592F08
950
#381E05

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.77:1

AA Pass AAA Pass

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