#F3310C

#F3310C

Color Values

HEX

#F3310C

RGB

243, 49, 12

HSL

9.6, 90.6%, 50.0%

HSV

9.6, 95.1%, 95.3%

CMYK

0.0%, 79.8%, 95.1%, 4.7%

OKLCH

0.6241 0.2311 32.0

Properties

Warm Light Nearest: orangered 2

Color Harmonies

Complementary

#F3310C

#0CCEF3

Analogous

#F30C5B

#F3A40C

#F3310C

Triadic

#F3310C

#0CF331

#310CF3

Split Complementary

#F3310C

#0CF3A4

#0C5BF3

Tetradic

#F3310C

#5BF30C

#0CCEF3

#A40CF3

Color Blindness Simulation

Original

#F3310C

Protanopia

#9F9D15

Deuteranopia

#AAB917

Tritanopia

#E91C1E

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE4DF
200
#FCC5BB
300
#F99C8A
400
#F6674B
500
#F3310C
600
#C2270A
700
#9C1F08
800
#7A1806
900
#581609
950
#380E06

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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