#F50A45

#F50A45

Color Values

HEX

#F50A45

RGB

245, 10, 69

HSL

344.9, 92.2%, 50.0%

HSV

344.9, 95.9%, 96.1%

CMYK

0.0%, 95.9%, 71.8%, 3.9%

OKLCH

0.6162 0.2444 19.2

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#F50A45

#0AF5BA

Analogous

#F50ABB

#F5440A

#F50A45

Triadic

#F50A45

#45F50A

#0A45F5

Split Complementary

#F50A45

#0AF544

#0ABBF5

Tetradic

#F50A45

#BBF50A

#0AF5BA

#440AF5

Color Blindness Simulation

Original

#F50A45

Protanopia

#8F8D37

Deuteranopia

#9DAE33

Tritanopia

#E92B29

Achromatopsia

#404040

CSS Usage

background-color: #F50A45;
color: #F50A45;
border-color: #F50A45;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FDF1F4
100
#FBDFE6
200
#FCBACB
300
#FA89A6
400
#F84A75
500
#F50A45
600
#C40837
700
#9D062C
800
#7B0523
900
#59081C
950
#380512

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.01:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026