#F4310B

#F4310B

Color Values

HEX

#F4310B

RGB

244, 49, 11

HSL

9.8, 91.4%, 50.0%

HSV

9.8, 95.5%, 95.7%

CMYK

0.0%, 79.9%, 95.5%, 4.3%

OKLCH

0.6258 0.2321 32.0

Properties

Warm Light Nearest: orangered 2

Color Harmonies

Complementary

#F4310B

#0BCEF4

Analogous

#F40B59

#F4A60B

#F4310B

Triadic

#F4310B

#0BF431

#310BF4

Split Complementary

#F4310B

#0BF4A6

#0B59F4

Tetradic

#F4310B

#59F40B

#0BCEF4

#A60BF4

Color Blindness Simulation

Original

#F4310B

Protanopia

#A09E14

Deuteranopia

#ABB916

Tritanopia

#EA1B1D

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE4DF
200
#FCC5BB
300
#FA9C8A
400
#F7674A
500
#F4310B
600
#C32709
700
#9C1F07
800
#7A1905
900
#581609
950
#380E05

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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