#F74B46

#F74B46

Color Values

HEX

#F74B46

RGB

247, 75, 70

HSL

1.7, 91.7%, 62.2%

HSV

1.7, 71.7%, 96.9%

CMYK

0.0%, 69.6%, 71.7%, 3.1%

OKLCH

0.657 0.2094 26.4

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#F74B46

#46F2F7

Analogous

#F7469A

#F7A446

#F74B46

Triadic

#F74B46

#46F74B

#4B46F7

Split Complementary

#F74B46

#46F7A4

#469AF7

Tetradic

#F74B46

#9AF746

#46F2F7

#A446F7

Color Blindness Simulation

Original

#F74B46

Protanopia

#ACAB47

Deuteranopia

#B6C348

Tritanopia

#EE4848

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FCBCBB
300
#FA8D8A
400
#F74F4A
500
#F4110B
600
#C40E08
700
#9C0B07
800
#7A0905
900
#580B08
950
#380705

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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