#F16950

#F16950

Color Values

HEX

#F16950

RGB

241, 105, 80

HSL

9.3, 85.2%, 62.9%

HSV

9.3, 66.8%, 94.5%

CMYK

0.0%, 56.4%, 66.8%, 5.5%

OKLCH

0.6841 0.173 32.3

Properties

Warm Light Nearest: coral 2

Color Harmonies

Complementary

#F16950

#50D8F1

Analogous

#F15087

#F1B950

#F16950

Triadic

#F16950

#50F169

#6950F1

Split Complementary

#F16950

#50F1B9

#5087F1

Tetradic

#F16950

#87F150

#50D8F1

#B950F1

Color Blindness Simulation

Original

#F16950

Protanopia

#B6B556

Deuteranopia

#BEC858

Tritanopia

#EA5B5C

Achromatopsia

#848484

CSS Usage

background-color: #F16950;
color: #F16950;
border-color: #F16950;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FDF4F2
100
#FAE4E0
200
#FAC6BD
300
#F69E8E
400
#F16950
500
#EC3513
600
#BD2A0F
700
#97220C
800
#761A09
900
#56170B
950
#360E07

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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