#FC9396

#FC9396

Color Values

HEX

#FC9396

RGB

252, 147, 150

HSL

358.3, 94.6%, 78.2%

HSV

358.3, 41.7%, 98.8%

CMYK

0.0%, 41.7%, 40.5%, 1.2%

OKLCH

0.7745 0.1267 18.6

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FC9396

#93FCF9

Analogous

#FC93CA

#FCC493

#FC9396

Triadic

#FC9396

#96FC93

#9396FC

Split Complementary

#FC9396

#93FCC4

#93CAFC

Tetradic

#FC9396

#CAFC93

#93FCF9

#C493FC

Color Blindness Simulation

Original

#FC9396

Protanopia

#CFCE95

Deuteranopia

#D5DC95

Tritanopia

#F79595

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDFE0
200
#FDBABB
300
#FC888B
400
#FA474C
500
#F8070E
600
#C6060B
700
#9F0409
800
#7C0307
900
#5A070A
950
#390506

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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