#F74A46

#F74A46

Color Values

HEX

#F74A46

RGB

247, 74, 70

HSL

1.4, 91.7%, 62.2%

HSV

1.4, 71.7%, 96.9%

CMYK

0.0%, 70.0%, 71.7%, 3.1%

OKLCH

0.656 0.2102 26.2

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#F74A46

#46F3F7

Analogous

#F7469A

#F7A346

#F74A46

Triadic

#F74A46

#46F74A

#4A46F7

Split Complementary

#F74A46

#46F7A3

#469AF7

Tetradic

#F74A46

#9AF746

#46F3F7

#A346F7

Color Blindness Simulation

Original

#F74A46

Protanopia

#ACAB47

Deuteranopia

#B6C347

Tritanopia

#EE4848

Achromatopsia

#6E6E6E

CSS Usage

background-color: #F74A46;
color: #F74A46;
border-color: #F74A46;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FCBCBB
300
#FA8C8A
400
#F74E4A
500
#F4100B
600
#C40D08
700
#9C0A07
800
#7A0805
900
#580A08
950
#380705

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

6.02:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026