#F3420C

#F3420C

Color Values

HEX

#F3420C

RGB

243, 66, 12

HSL

14.0, 90.6%, 50.0%

HSV

14.0, 95.1%, 95.3%

CMYK

0.0%, 72.8%, 95.1%, 4.7%

OKLCH

0.6375 0.2199 34.8

Properties

Warm Light Nearest: RAL 2004 Pure Orange

Color Harmonies

Complementary

#F3420C

#0CBDF3

Analogous

#F30C4A

#F3B50C

#F3420C

Triadic

#F3420C

#0CF342

#420CF3

Split Complementary

#F3420C

#0CF3B5

#0C4AF3

Tetradic

#F3420C

#4AF30C

#0CBDF3

#B50CF3

Color Blindness Simulation

Original

#F3420C

Protanopia

#A6A519

Deuteranopia

#B1BE1C

Tritanopia

#EA2326

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FCCABB
300
#F9A48A
400
#F6734B
500
#F3420C
600
#C2350A
700
#9C2A08
800
#7A2106
900
#581B09
950
#381106

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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