#F87983

#F87983

Color Values

HEX

#F87983

RGB

248, 121, 131

HSL

355.3, 90.1%, 72.4%

HSV

355.3, 51.2%, 97.3%

CMYK

0.0%, 51.2%, 47.2%, 2.7%

OKLCH

0.7256 0.1555 16.9

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F87983

#79F8EE

Analogous

#F879C3

#F8AF79

#F87983

Triadic

#F87983

#83F879

#7983F8

Split Complementary

#F87983

#79F8AF

#79C3F8

Tetradic

#F87983

#C3F879

#79F8EE

#AF79F8

Color Blindness Simulation

Original

#F87983

Protanopia

#C1C081

Deuteranopia

#C8D280

Tritanopia

#F27F7E

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE2
200
#FBBBC0
300
#F98B93
400
#F64C59
500
#F20D1F
600
#C20A18
700
#9B0814
800
#79060F
900
#58090F
950
#37060A

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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