#FC9593

#FC9593

Color Values

HEX

#FC9593

RGB

252, 149, 147

HSL

1.1, 94.6%, 78.2%

HSV

1.1, 41.7%, 98.8%

CMYK

0.0%, 40.9%, 41.7%, 1.2%

OKLCH

0.777 0.1245 21.5

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FC9593

#93FAFC

Analogous

#FC93C5

#FCC993

#FC9593

Triadic

#FC9593

#93FC95

#9593FC

Split Complementary

#FC9593

#93FCC9

#93C5FC

Tetradic

#FC9593

#C5FC93

#93FAFC

#C993FC

Color Blindness Simulation

Original

#FC9593

Protanopia

#CFCF93

Deuteranopia

#D5DD94

Tritanopia

#F79494

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FDBBBA
300
#FC8A88
400
#FA4B47
500
#F80B07
600
#C60906
700
#9F0704
800
#7C0603
900
#5A0907
950
#390605

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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