#F3170C

#F3170C

Color Values

HEX

#F3170C

RGB

243, 23, 12

HSL

2.9, 90.6%, 50.0%

HSV

2.9, 95.1%, 95.3%

CMYK

0.0%, 90.5%, 95.1%, 4.7%

OKLCH

0.611 0.243 29.5

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#F3170C

#0CE8F3

Analogous

#F30C74

#F38B0C

#F3170C

Triadic

#F3170C

#0CF317

#170CF3

Split Complementary

#F3170C

#0CF38B

#0C74F3

Tetradic

#F3170C

#74F30C

#0CE8F3

#8B0CF3

Color Blindness Simulation

Original

#F3170C

Protanopia

#94920F

Deuteranopia

#A0B10F

Tritanopia

#E81111

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE1DF
200
#FCBEBB
300
#F9908A
400
#F6534B
500
#F3170C
600
#C2130A
700
#9C0F08
800
#7A0C06
900
#580D09
950
#380806

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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