#F16471

#F16471

Color Values

HEX

#F16471

RGB

241, 100, 113

HSL

354.5, 83.4%, 66.9%

HSV

354.5, 58.5%, 94.5%

CMYK

0.0%, 58.5%, 53.1%, 5.5%

OKLCH

0.6834 0.1737 17.4

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F16471

#64F1E4

Analogous

#F164B8

#F19E64

#F16471

Triadic

#F16471

#71F164

#6471F1

Split Complementary

#F16471

#64F19E

#64B8F1

Tetradic

#F16471

#B8F164

#64F1E4

#9E64F1

Color Blindness Simulation

Original

#F16471

Protanopia

#B4B36E

Deuteranopia

#BCC76D

Tritanopia

#EA6B6B

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE0E3
200
#F9BEC3
300
#F58F98
400
#EF5260
500
#EA1529
600
#BB1121
700
#960E1A
800
#750B14
900
#550C13
950
#36080C

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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