#F16973

#F16973

Color Values

HEX

#F16973

RGB

241, 105, 115

HSL

355.6, 82.9%, 67.8%

HSV

355.6, 56.4%, 94.5%

CMYK

0.0%, 56.4%, 52.3%, 5.5%

OKLCH

0.6903 0.1676 18.1

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F16973

#69F1E7

Analogous

#F169B7

#F1A369

#F16973

Triadic

#F16973

#73F169

#6973F1

Split Complementary

#F16973

#69F1A3

#69B7F1

Tetradic

#F16973

#B7F169

#69F1E7

#A369F1

Color Blindness Simulation

Original

#F16973

Protanopia

#B6B571

Deuteranopia

#BEC870

Tritanopia

#EA6F6E

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE1E2
200
#F9BEC2
300
#F58F97
400
#EF525E
500
#E91625
600
#BB111E
700
#950E18
800
#750B13
900
#550C12
950
#35080B

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.01:1

AA Pass AAA Pass

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