#FC948F

#FC948F

Color Values

HEX

#FC948F

RGB

252, 148, 143

HSL

2.8, 94.8%, 77.5%

HSV

2.8, 43.3%, 98.8%

CMYK

0.0%, 41.3%, 43.3%, 1.2%

OKLCH

0.7745 0.1262 23.3

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FC948F

#8FF7FC

Analogous

#FC8FC1

#FCCB8F

#FC948F

Triadic

#FC948F

#8FFC94

#948FFC

Split Complementary

#FC948F

#8FFCCB

#8FC1FC

Tetradic

#FC948F

#C1FC8F

#8FF7FC

#CB8FFC

Color Blindness Simulation

Original

#FC948F

Protanopia

#CFCE90

Deuteranopia

#D5DD90

Tritanopia

#F79191

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE0DF
200
#FDBDB9
300
#FC8D88
400
#FA5047
500
#F81207
600
#C70E05
700
#9F0B04
800
#7C0903
900
#5A0B07
950
#390704

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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