#FC5158

#FC5158

Color Values

HEX

#FC5158

RGB

252, 81, 88

HSL

357.5, 96.6%, 65.3%

HSV

357.5, 67.9%, 98.8%

CMYK

0.0%, 67.9%, 65.1%, 1.2%

OKLCH

0.6738 0.2068 22.5

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#FC5158

#51FCF5

Analogous

#FC51AE

#FC9F51

#FC5158

Triadic

#FC5158

#58FC51

#5158FC

Split Complementary

#FC5158

#51FC9F

#51AEFC

Tetradic

#FC5158

#AEFC51

#51FCF5

#9F51FC

Color Blindness Simulation

Original

#FC5158

Protanopia

#B2B056

Deuteranopia

#BCC956

Tritanopia

#F35555

Achromatopsia

#767676

CSS Usage

background-color: #FC5158;
color: #FC5158;
border-color: #FC5158;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FEB9BC
300
#FD878C
400
#FC464D
500
#FB040F
600
#C9030C
700
#A00309
800
#7D0207
900
#5B060A
950
#390406

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.46:1

AA Pass AAA Fail

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