#F16951

#F16951

Color Values

HEX

#F16951

RGB

241, 105, 81

HSL

9.0, 85.1%, 63.1%

HSV

9.0, 66.4%, 94.5%

CMYK

0.0%, 56.4%, 66.4%, 5.5%

OKLCH

0.6843 0.1727 31.9

Properties

Warm Light Nearest: coral 2

Color Harmonies

Complementary

#F16951

#51D9F1

Analogous

#F15189

#F1B951

#F16951

Triadic

#F16951

#51F169

#6951F1

Split Complementary

#F16951

#51F1B9

#5189F1

Tetradic

#F16951

#89F151

#51D9F1

#B951F1

Color Blindness Simulation

Original

#F16951

Protanopia

#B6B557

Deuteranopia

#BEC858

Tritanopia

#EA5B5C

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE4E0
200
#FAC6BD
300
#F69D8E
400
#F16850
500
#EC3413
600
#BD290F
700
#97210C
800
#761A09
900
#56160B
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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026