#FC988F

#FC988F

Color Values

HEX

#FC988F

RGB

252, 152, 143

HSL

5.0, 94.8%, 77.5%

HSV

5.0, 43.3%, 98.8%

CMYK

0.0%, 39.7%, 43.3%, 1.2%

OKLCH

0.781 0.1216 25.7

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FC988F

#8FF3FC

Analogous

#FC8FBD

#FCCF8F

#FC988F

Triadic

#FC988F

#8FFC98

#988FFC

Split Complementary

#FC988F

#8FFCCF

#8FBDFC

Tetradic

#FC988F

#BDFC8F

#8FF3FC

#CF8FFC

Color Blindness Simulation

Original

#FC988F

Protanopia

#D1D091

Deuteranopia

#D6DE92

Tritanopia

#F79393

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE1DF
200
#FDBFB9
300
#FC9188
400
#FA5647
500
#F81B07
600
#C71505
700
#9F1104
800
#7C0D03
900
#5A0E07
950
#390904

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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