#FC877B

#FC877B

Color Values

HEX

#FC877B

RGB

252, 135, 123

HSL

5.6, 95.6%, 73.5%

HSV

5.6, 51.2%, 98.8%

CMYK

0.0%, 46.4%, 51.2%, 1.2%

OKLCH

0.7499 0.1443 27.1

Properties

Warm Light Nearest: salmon

Color Harmonies

Complementary

#FC877B

#7BF0FC

Analogous

#FC7BAF

#FCC77B

#FC877B

Triadic

#FC877B

#7BFC87

#877BFC

Split Complementary

#FC877B

#7BFCC7

#7BAFFC

Tetradic

#FC877B

#AFFC7B

#7BF0FC

#C77BFC

Color Blindness Simulation

Original

#FC877B

Protanopia

#C9C87E

Deuteranopia

#D0D97F

Tritanopia

#F68081

Achromatopsia

#9F9F9F

CSS Usage

background-color: #FC877B;
color: #FC877B;
border-color: #FC877B;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FEF2F1
100
#FCE1DF
200
#FDC0B9
300
#FC9287
400
#FB5746
500
#F91C06
600
#C81704
700
#A01204
800
#7D0E03
900
#5A0F07
950
#390904

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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