#F8978B

#F8978B

Color Values

HEX

#F8978B

RGB

248, 151, 139

HSL

6.6, 88.6%, 75.9%

HSV

6.6, 44.0%, 97.3%

CMYK

0.0%, 39.1%, 44.0%, 2.7%

OKLCH

0.7737 0.1188 27.7

Properties

Warm Light Nearest: darksalmon

Color Harmonies

Complementary

#F8978B

#8BECF8

Analogous

#F88BB6

#F8CE8B

#F8978B

Triadic

#F8978B

#8BF897

#978BF8

Split Complementary

#F8978B

#8BF8CE

#8BB6F8

Tetradic

#F8978B

#B6F88B

#8BECF8

#CE8BF8

Color Blindness Simulation

Original

#F8978B

Protanopia

#CECD8E

Deuteranopia

#D4DB8F

Tritanopia

#F39091

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FBE3E0
200
#FBC3BC
300
#F8988C
400
#F45F4D
500
#F0270F
600
#C0200C
700
#9A1909
800
#781407
900
#57120A
950
#370C06

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

9.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026