#FC979D

#FC979D

Color Values

HEX

#FC979D

RGB

252, 151, 157

HSL

356.4, 94.4%, 79.0%

HSV

356.4, 40.1%, 98.8%

CMYK

0.0%, 40.1%, 37.7%, 1.2%

OKLCH

0.7826 0.1214 16.4

Properties

Warm Light Nearest: Salmon

Color Harmonies

Complementary

#FC979D

#97FCF6

Analogous

#FC97D0

#FCC397

#FC979D

Triadic

#FC979D

#9DFC97

#979DFC

Split Complementary

#FC979D

#97FCC3

#97D0FC

Tetradic

#FC979D

#D0FC97

#97FCF6

#C397FC

Color Blindness Simulation

Original

#FC979D

Protanopia

#D0CF9C

Deuteranopia

#D6DE9B

Tritanopia

#F79A9A

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FDBABE
300
#FC888F
400
#FA4852
500
#F80716
600
#C60611
700
#9F050E
800
#7C040B
900
#5A070C
950
#390508

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