#F3150C

#F3150C

Color Values

HEX

#F3150C

RGB

243, 21, 12

HSL

2.3, 90.6%, 50.0%

HSV

2.3, 95.1%, 95.3%

CMYK

0.0%, 91.4%, 95.1%, 4.7%

OKLCH

0.6103 0.2436 29.3

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#F3150C

#0CEAF3

Analogous

#F30C77

#F3880C

#F3150C

Triadic

#F3150C

#0CF315

#150CF3

Split Complementary

#F3150C

#0CF388

#0C77F3

Tetradic

#F3150C

#77F30C

#0CEAF3

#880CF3

Color Blindness Simulation

Original

#F3150C

Protanopia

#93910E

Deuteranopia

#A0B00F

Tritanopia

#E81010

Achromatopsia

#444444

CSS Usage

background-color: #F3150C;
color: #F3150C;
border-color: #F3150C;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FCBDBB
300
#F98F8A
400
#F6524B
500
#F3150C
600
#C2110A
700
#9C0D08
800
#7A0A06
900
#580C09
950
#380806

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

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