#FC9C8F

#FC9C8F

Color Values

HEX

#FC9C8F

RGB

252, 156, 143

HSL

7.2, 94.8%, 77.5%

HSV

7.2, 43.3%, 98.8%

CMYK

0.0%, 38.1%, 43.3%, 1.2%

OKLCH

0.7876 0.1173 28.3

Properties

Warm Light Nearest: darksalmon

Color Harmonies

Complementary

#FC9C8F

#8FEFFC

Analogous

#FC8FB9

#FCD38F

#FC9C8F

Triadic

#FC9C8F

#8FFC9C

#9C8FFC

Split Complementary

#FC9C8F

#8FFCD3

#8FB9FC

Tetradic

#FC9C8F

#B9FC8F

#8FEFFC

#D38FFC

Color Blindness Simulation

Original

#FC9C8F

Protanopia

#D2D292

Deuteranopia

#D8DF93

Tritanopia

#F79595

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE2DF
200
#FDC2B9
300
#FC9688
400
#FA5D47
500
#F82407
600
#C71D05
700
#9F1704
800
#7C1203
900
#5A1107
950
#390B04

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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