#FC8576

#FC8576

Color Values

HEX

#FC8576

RGB

252, 133, 118

HSL

6.7, 95.7%, 72.5%

HSV

6.7, 53.2%, 98.8%

CMYK

0.0%, 47.2%, 53.2%, 1.2%

OKLCH

0.7459 0.1476 28.5

Properties

Warm Light Nearest: salmon

Color Harmonies

Complementary

#FC8576

#76EDFC

Analogous

#FC76AA

#FCC876

#FC8576

Triadic

#FC8576

#76FC85

#8576FC

Split Complementary

#FC8576

#76FCC8

#76AAFC

Tetradic

#FC8576

#AAFC76

#76EDFC

#C876FC

Color Blindness Simulation

Original

#FC8576

Protanopia

#C8C77A

Deuteranopia

#CFD87A

Tritanopia

#F67C7D

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE2DF
200
#FDC1B9
300
#FC9487
400
#FB5B46
500
#FA2105
600
#C81A04
700
#A01504
800
#7D1003
900
#5A1007
950
#390A04

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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