#FC8796

#FC8796

Color Values

HEX

#FC8796

RGB

252, 135, 150

HSL

352.3, 95.1%, 75.9%

HSV

352.3, 46.4%, 98.8%

CMYK

0.0%, 46.4%, 40.5%, 1.2%

OKLCH

0.7559 0.1424 13.0

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FC8796

#87FCED

Analogous

#FC87D1

#FCB387

#FC8796

Triadic

#FC8796

#96FC87

#8796FC

Split Complementary

#FC8796

#87FCB3

#87D1FC

Tetradic

#FC8796

#D1FC87

#87FCED

#B387FC

Color Blindness Simulation

Original

#FC8796

Protanopia

#C9C892

Deuteranopia

#D0D992

Tritanopia

#F6908F

Achromatopsia

#A1A1A1

CSS Usage

background-color: #FC8796;
color: #FC8796;
border-color: #FC8796;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FEF1F3
100
#FCDFE2
200
#FDB9C2
300
#FC8897
400
#FA475E
500
#F90625
600
#C7051E
700
#9F0418
800
#7C0313
900
#5A0712
950
#39040B

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

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