#FA978F

#FA978F

Color Values

HEX

#FA978F

RGB

250, 151, 143

HSL

4.5, 91.5%, 77.1%

HSV

4.5, 42.8%, 98.0%

CMYK

0.0%, 39.6%, 42.8%, 2.0%

OKLCH

0.7769 0.1204 25.1

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FA978F

#8FF2FA

Analogous

#FA8FBD

#FACD8F

#FA978F

Triadic

#FA978F

#8FFA97

#978FFA

Split Complementary

#FA978F

#8FFACD

#8FBDFA

Tetradic

#FA978F

#BDFA8F

#8FF2FA

#CD8FFA

Color Blindness Simulation

Original

#FA978F

Protanopia

#CFCE91

Deuteranopia

#D5DC91

Tritanopia

#F59293

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE1DF
200
#FCC0BB
300
#FA928A
400
#F7574A
500
#F41C0B
600
#C31709
700
#9C1207
800
#7A0E05
900
#580F09
950
#380905

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.89:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026