#FC5957

#FC5957

Color Values

HEX

#FC5957

RGB

252, 89, 87

HSL

0.7, 96.5%, 66.5%

HSV

0.7, 65.5%, 98.8%

CMYK

0.0%, 64.7%, 65.5%, 1.2%

OKLCH

0.6821 0.1992 24.7

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#FC5957

#57FAFC

Analogous

#FC57A8

#FCAB57

#FC5957

Triadic

#FC5957

#57FC59

#5957FC

Split Complementary

#FC5957

#57FCAB

#57A8FC

Tetradic

#FC5957

#A8FC57

#57FAFC

#AB57FC

Color Blindness Simulation

Original

#FC5957

Protanopia

#B5B457

Deuteranopia

#BFCB58

Tritanopia

#F45858

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FEBAB9
300
#FD8887
400
#FC4846
500
#FB0704
600
#C80604
700
#A00503
800
#7D0402
900
#5B0706
950
#390504

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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