#FC889C

#FC889C

Color Values

HEX

#FC889C

RGB

252, 136, 156

HSL

349.7, 95.1%, 76.1%

HSV

349.7, 46.0%, 98.8%

CMYK

0.0%, 46.0%, 38.1%, 1.2%

OKLCH

0.7589 0.1416 10.1

Properties

Warm Light Nearest: Pink Sherbet

Color Harmonies

Complementary

#FC889C

#88FCE8

Analogous

#FC88D6

#FCAE88

#FC889C

Triadic

#FC889C

#9CFC88

#889CFC

Split Complementary

#FC889C

#88FCAE

#88D6FC

Tetradic

#FC889C

#D6FC88

#88FCE8

#AE88FC

Color Blindness Simulation

Original

#FC889C

Protanopia

#CAC997

Deuteranopia

#D0D996

Tritanopia

#F69392

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDFE4
200
#FDB9C5
300
#FC889C
400
#FA4766
500
#F90630
600
#C70526
700
#9F041F
800
#7C0318
900
#5A0715
950
#39040D

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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