#FC4D46

#FC4D46

Color Values

HEX

#FC4D46

RGB

252, 77, 70

HSL

2.3, 96.8%, 63.1%

HSV

2.3, 72.2%, 98.8%

CMYK

0.0%, 69.4%, 72.2%, 1.2%

OKLCH

0.6671 0.2125 26.9

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#FC4D46

#46F5FC

Analogous

#FC469A

#FCA846

#FC4D46

Triadic

#FC4D46

#46FC4D

#4D46FC

Split Complementary

#FC4D46

#46FCA8

#469AFC

Tetradic

#FC4D46

#9AFC46

#46F5FC

#A846FC

Color Blindness Simulation

Original

#FC4D46

Protanopia

#B0AF48

Deuteranopia

#BAC748

Tritanopia

#F34949

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE0DE
200
#FEBBB9
300
#FD8B87
400
#FC4C45
500
#FB0E04
600
#C90B03
700
#A10903
800
#7D0702
900
#5B0906
950
#390604

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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