#F0310F

#F0310F

Color Values

HEX

#F0310F

RGB

240, 49, 15

HSL

9.1, 88.2%, 50.0%

HSV

9.1, 93.8%, 94.1%

CMYK

0.0%, 79.6%, 93.8%, 5.9%

OKLCH

0.6188 0.2284 31.9

Properties

Warm Light Nearest: RAL 2009 Traffic Orange

Color Harmonies

Complementary

#F0310F

#0FCEF0

Analogous

#F00F5D

#F0A20F

#F0310F

Triadic

#F0310F

#0FF031

#310FF0

Split Complementary

#F0310F

#0FF0A2

#0F5DF0

Tetradic

#F0310F

#5DF00F

#0FCEF0

#A20FF0

Color Blindness Simulation

Original

#F0310F

Protanopia

#9D9C17

Deuteranopia

#A8B719

Tritanopia

#E61E1F

Achromatopsia

#575757

CSS Usage

background-color: #F0310F;
color: #F0310F;
border-color: #F0310F;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF3F2
100
#FBE4E0
200
#FBC5BC
300
#F89C8C
400
#F4674D
500
#F0310F
600
#C0270C
700
#9A1F0A
800
#781908
900
#57160A
950
#370E06

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

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