#F17F50

#F17F50

Color Values

HEX

#F17F50

RGB

241, 127, 80

HSL

17.5, 85.2%, 62.9%

HSV

17.5, 66.8%, 94.5%

CMYK

0.0%, 47.3%, 66.8%, 5.5%

OKLCH

0.7161 0.1532 42.3

Properties

Warm Light Nearest: sienna 2

Color Harmonies

Complementary

#F17F50

#50C2F1

Analogous

#F15071

#F1CF50

#F17F50

Triadic

#F17F50

#50F17F

#7F50F1

Split Complementary

#F17F50

#50F1CF

#5071F1

Tetradic

#F17F50

#71F150

#50C2F1

#CF50F1

Color Blindness Simulation

Original

#F17F50

Protanopia

#C0BF5B

Deuteranopia

#C6CF5E

Tritanopia

#EB6466

Achromatopsia

#949494

CSS Usage

background-color: #F17F50;
color: #F17F50;
border-color: #F17F50;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FDF5F2
100
#FAE8E0
200
#FACFBD
300
#F6AC8E
400
#F17F50
500
#EC5213
600
#BD420F
700
#97350C
800
#762909
900
#56210B
950
#361507

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

7.89:1

AA Pass AAA Pass

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