#F8978C

#F8978C

Color Values

HEX

#F8978C

RGB

248, 151, 140

HSL

6.1, 88.5%, 76.1%

HSV

6.1, 43.5%, 97.3%

CMYK

0.0%, 39.1%, 43.5%, 2.7%

OKLCH

0.7739 0.1186 27.1

Properties

Warm Light Nearest: darksalmon

Color Harmonies

Complementary

#F8978C

#8CEDF8

Analogous

#F88CB7

#F8CD8C

#F8978C

Triadic

#F8978C

#8CF897

#978CF8

Split Complementary

#F8978C

#8CF8CD

#8CB7F8

Tetradic

#F8978C

#B7F88C

#8CEDF8

#CD8CF8

Color Blindness Simulation

Original

#F8978C

Protanopia

#CECD8F

Deuteranopia

#D4DB8F

Tritanopia

#F39191

Achromatopsia

#ABABAB

CSS Usage

background-color: #F8978C;
color: #F8978C;
border-color: #F8978C;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FDF3F2
100
#FBE2E0
200
#FBC2BC
300
#F8978C
400
#F45E4D
500
#F0260F
600
#C01E0C
700
#9A1809
800
#781307
900
#57120A
950
#370B06

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

9.8:1

AA Pass AAA Pass

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