#FC5145

#FC5145

Color Values

HEX

#FC5145

RGB

252, 81, 69

HSL

3.9, 96.8%, 62.9%

HSV

3.9, 72.6%, 98.8%

CMYK

0.0%, 67.9%, 72.6%, 1.2%

OKLCH

0.671 0.2092 28.1

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#FC5145

#45F0FC

Analogous

#FC4594

#FCAC45

#FC5145

Triadic

#FC5145

#45FC51

#5145FC

Split Complementary

#FC5145

#45FCAC

#4594FC

Tetradic

#FC5145

#94FC45

#45F0FC

#AC45FC

Color Blindness Simulation

Original

#FC5145

Protanopia

#B2B048

Deuteranopia

#BCC949

Tritanopia

#F34A4B

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE0DE
200
#FEBDB9
300
#FD8E87
400
#FC5145
500
#FB1404
600
#C91003
700
#A10D03
800
#7D0A02
900
#5B0C06
950
#390704

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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