#F50C0A

#F50C0A

Color Values

HEX

#F50C0A

RGB

245, 12, 10

HSL

0.5, 92.2%, 50.0%

HSV

0.5, 95.9%, 96.1%

CMYK

0.0%, 95.1%, 95.9%, 3.9%

OKLCH

0.6117 0.2475 29.0

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#F50C0A

#0AF3F5

Analogous

#F50A7E

#F5810A

#F50C0A

Triadic

#F50C0A

#0AF50C

#0C0AF5

Split Complementary

#F50C0A

#0AF581

#0A7EF5

Tetradic

#F50C0A

#7EF50A

#0AF3F5

#810AF5

Color Blindness Simulation

Original

#F50C0A

Protanopia

#908E0A

Deuteranopia

#9EAF0B

Tritanopia

#E90B0B

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FCBBBA
300
#FA8A89
400
#F84B4A
500
#F50C0A
600
#C40A08
700
#9D0806
800
#7B0605
900
#590908
950
#380605

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