#FC979C

#FC979C

Color Values

HEX

#FC979C

RGB

252, 151, 156

HSL

357.0, 94.4%, 79.0%

HSV

357.0, 40.1%, 98.8%

CMYK

0.0%, 40.1%, 38.1%, 1.2%

OKLCH

0.7823 0.1214 17.1

Properties

Warm Light Nearest: Salmon

Color Harmonies

Complementary

#FC979C

#97FCF7

Analogous

#FC97CF

#FCC497

#FC979C

Triadic

#FC979C

#9CFC97

#979CFC

Split Complementary

#FC979C

#97FCC4

#97CFFC

Tetradic

#FC979C

#CFFC97

#97FCF7

#C497FC

Color Blindness Simulation

Original

#FC979C

Protanopia

#D0CF9B

Deuteranopia

#D6DE9A

Tritanopia

#F79A9A

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE0
200
#FDBABD
300
#FC888E
400
#FA4850
500
#F80713
600
#C6060F
700
#9F050C
800
#7C040A
900
#5A070B
950
#390507

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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