#F87171

#F87171

Color Values

HEX

#F87171

RGB

248, 113, 113

HSL

0.0, 90.6%, 70.8%

HSV

0.0, 54.4%, 97.3%

CMYK

0.0%, 54.4%, 54.4%, 2.7%

OKLCH

0.7106 0.1661 22.2

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F87171

#71F8F8

Analogous

#F871B5

#F8B571

#F87171

Triadic

#F87171

#71F871

#7171F8

Split Complementary

#F87171

#71F8B5

#71B5F8

Tetradic

#F87171

#B5F871

#71F8F8

#B571F8

Color Blindness Simulation

Original

#F87171

Protanopia

#BEBC71

Deuteranopia

#C5D071

Tritanopia

#F17171

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FCBBBB
300
#F98A8A
400
#F64B4B
500
#F30C0C
600
#C20A0A
700
#9C0808
800
#7A0606
900
#580909
950
#380606

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.59:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Red

Red 400

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026