#F0700F

#F0700F

Color Values

HEX

#F0700F

RGB

240, 112, 15

HSL

25.9, 88.2%, 50.0%

HSV

25.9, 93.8%, 94.1%

CMYK

0.0%, 53.3%, 93.8%, 5.9%

OKLCH

0.6874 0.1813 48.7

Properties

Warm Light Nearest: RAL 2000 Yellow Orange

Color Harmonies

Complementary

#F0700F

#0F8FF0

Analogous

#F00F1E

#F0E10F

#F0700F

Triadic

#F0700F

#0FF070

#700FF0

Split Complementary

#F0700F

#0FF0E1

#0F1EF0

Tetradic

#F0700F

#1EF00F

#0F8FF0

#E10FF0

Color Blindness Simulation

Original

#F0700F

Protanopia

#B9B726

Deuteranopia

#C0CA2C

Tritanopia

#EA393D

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FBEBE0
200
#FBD7BC
300
#F8BA8C
400
#F4954D
500
#F0700F
600
#C05A0C
700
#9A480A
800
#783808
900
#572B0A
950
#371B06

Contrast Checker

Text on white

2.99:1

AA Fail AAA Fail

Text on black

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