#F07A0F

#F07A0F

Color Values

HEX

#F07A0F

RGB

240, 122, 15

HSL

28.5, 88.2%, 50.0%

HSV

28.5, 93.8%, 94.1%

CMYK

0.0%, 49.2%, 93.8%, 5.9%

OKLCH

0.7023 0.1747 53.0

Properties

Warm Light Nearest: RAL 2000 Yellow Orange

Color Harmonies

Complementary

#F07A0F

#0F85F0

Analogous

#F00F15

#F0EA0F

#F07A0F

Triadic

#F07A0F

#0FF07A

#7A0FF0

Split Complementary

#F07A0F

#0FF0EA

#0F15F0

Tetradic

#F07A0F

#15F00F

#0F85F0

#EA0FF0

Color Blindness Simulation

Original

#F07A0F

Protanopia

#BDBC29

Deuteranopia

#C4CD2F

Tritanopia

#EA3D42

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FBECE0
200
#FBDABC
300
#F8BF8C
400
#F49C4D
500
#F07A0F
600
#C0620C
700
#9A4E0A
800
#783D08
900
#572F0A
950
#371D06

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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