#FC9195

#FC9195

Color Values

HEX

#FC9195

RGB

252, 145, 149

HSL

357.8, 94.7%, 77.8%

HSV

357.8, 42.5%, 98.8%

CMYK

0.0%, 42.5%, 40.9%, 1.2%

OKLCH

0.7711 0.1293 18.1

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FC9195

#91FCF8

Analogous

#FC91CA

#FCC291

#FC9195

Triadic

#FC9195

#95FC91

#9195FC

Split Complementary

#FC9195

#91FCC2

#91CAFC

Tetradic

#FC9195

#CAFC91

#91FCF8

#C291FC

Color Blindness Simulation

Original

#FC9195

Protanopia

#CECD94

Deuteranopia

#D4DC94

Tritanopia

#F79393

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDFE0
200
#FDB9BC
300
#FC888C
400
#FA474E
500
#F80710
600
#C7050C
700
#9F040A
800
#7C0308
900
#5A070A
950
#390506

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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