#FC879C

#FC879C

Color Values

HEX

#FC879C

RGB

252, 135, 156

HSL

349.2, 95.1%, 75.9%

HSV

349.2, 46.4%, 98.8%

CMYK

0.0%, 46.4%, 38.1%, 1.2%

OKLCH

0.7574 0.143 9.7

Properties

Warm Light Nearest: Pink Sherbet

Color Harmonies

Complementary

#FC879C

#87FCE7

Analogous

#FC87D7

#FCAD87

#FC879C

Triadic

#FC879C

#9CFC87

#879CFC

Split Complementary

#FC879C

#87FCAD

#87D7FC

Tetradic

#FC879C

#D7FC87

#87FCE7

#AD87FC

Color Blindness Simulation

Original

#FC879C

Protanopia

#C9C897

Deuteranopia

#D0D996

Tritanopia

#F69392

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDFE4
200
#FDB9C6
300
#FC889D
400
#FA4767
500
#F90632
600
#C70528
700
#9F0420
800
#7C0319
900
#5A0716
950
#39040E

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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