#FD978C

#FD978C

Color Values

HEX

#FD978C

RGB

253, 151, 140

HSL

5,8, 96,6%, 77,1%

HSV

5,8, 44,7%, 99,2%

CMYK

0,0%, 40,3%, 44,7%, 0,8%

OKLCH

0,7799 0,1245 26,8

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FD978C

#8CF2FD

Analogous

#FD8CBA

#FDD08C

#FD978C

Triadic

#FD978C

#8CFD97

#978CFD

Split Complementary

#FD978C

#8CFDD0

#8CBAFD

Tetradic

#FD978C

#BAFD8C

#8CF2FD

#D08CFD

Color Blindness Simulation

Original

#FD978C

Protanopia

#D1D08F

Deuteranopia

#D7DE8F

Tritanopia

#F89191

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE1DE
200
#FEBFB9
300
#FD9287
400
#FC5746
500
#FB1C04
600
#C91703
700
#A01203
800
#7D0E02
900
#5B0E06
950
#390904

Contrast Checker

Text on white

2,1:1

AA Fail AAA Fail

Text on black

9,98: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