#F87981

#F87981

Color Values

HEX

#F87981

RGB

248, 121, 129

HSL

356.2, 90.1%, 72.4%

HSV

356.2, 51.2%, 97.3%

CMYK

0.0%, 51.2%, 48.0%, 2.7%

OKLCH

0.7252 0.1555 17.9

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F87981

#79F8F0

Analogous

#F879C1

#F8B179

#F87981

Triadic

#F87981

#81F879

#7981F8

Split Complementary

#F87981

#79F8B1

#79C1F8

Tetradic

#F87981

#C1F879

#79F8F0

#B179F8

Color Blindness Simulation

Original

#F87981

Protanopia

#C1C07F

Deuteranopia

#C8D27F

Tritanopia

#F27E7D

Achromatopsia

#959595

CSS Usage

background-color: #F87981;
color: #F87981;
border-color: #F87981;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FBBBBF
300
#F98B92
400
#F64C56
500
#F20D1B
600
#C20A16
700
#9B0811
800
#79060E
900
#58090E
950
#370609

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

8.04:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026