#F3380C

#F3380C

Color Values

HEX

#F3380C

RGB

243, 56, 12

HSL

11.4, 90.6%, 50.0%

HSV

11.4, 95.1%, 95.3%

CMYK

0.0%, 77.0%, 95.1%, 4.7%

OKLCH

0.6291 0.2268 33.0

Properties

Warm Light Nearest: RAL 2004 Pure Orange

Color Harmonies

Complementary

#F3380C

#0CC7F3

Analogous

#F30C54

#F3AB0C

#F3380C

Triadic

#F3380C

#0CF338

#380CF3

Split Complementary

#F3380C

#0CF3AB

#0C54F3

Tetradic

#F3380C

#54F30C

#0CC7F3

#AB0CF3

Color Blindness Simulation

Original

#F3380C

Protanopia

#A2A017

Deuteranopia

#ADBB19

Tritanopia

#EA1F21

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE5DF
200
#FCC7BB
300
#F99F8A
400
#F66C4B
500
#F3380C
600
#C22D0A
700
#9C2408
800
#7A1C06
900
#581809
950
#380F06

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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