#F3450C

#F3450C

Color Values

HEX

#F3450C

RGB

243, 69, 12

HSL

14.8, 90.6%, 50.0%

HSV

14.8, 95.1%, 95.3%

CMYK

0.0%, 71.6%, 95.1%, 4.7%

OKLCH

0.6402 0.2177 35.4

Properties

Warm Light Nearest: RAL 2004 Pure Orange

Color Harmonies

Complementary

#F3450C

#0CBAF3

Analogous

#F30C47

#F3B80C

#F3450C

Triadic

#F3450C

#0CF345

#450CF3

Split Complementary

#F3450C

#0CF3B8

#0C47F3

Tetradic

#F3450C

#47F30C

#0CBAF3

#B80CF3

Color Blindness Simulation

Original

#F3450C

Protanopia

#A8A61A

Deuteranopia

#B2BF1D

Tritanopia

#EA2527

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FCCBBB
300
#F9A68A
400
#F6754B
500
#F3450C
600
#C2370A
700
#9C2C08
800
#7A2206
900
#581C09
950
#381206

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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