#FC4551

#FC4551

Color Values

HEX

#FC4551

RGB

252, 69, 81

HSL

356.1, 96.8%, 62.9%

HSV

356.1, 72.6%, 98.8%

CMYK

0.0%, 72.6%, 67.9%, 1.2%

OKLCH

0.6612 0.2182 22.2

Properties

Warm Light Nearest: RAL 3017 Rose

Color Harmonies

Complementary

#FC4551

#45FCF0

Analogous

#FC45AC

#FC9445

#FC4551

Triadic

#FC4551

#51FC45

#4551FC

Split Complementary

#FC4551

#45FC94

#45ACFC

Tetradic

#FC4551

#ACFC45

#45FCF0

#9445FC

Color Blindness Simulation

Original

#FC4551

Protanopia

#ADAB4E

Deuteranopia

#B7C54D

Tritanopia

#F34C4B

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FEB9BD
300
#FD878E
400
#FC4551
500
#FB0414
600
#C90310
700
#A1030D
800
#7D020A
900
#5B060C
950
#390407

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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