#FC464A

#FC464A

Color Values

HEX

#FC464A

RGB

252, 70, 74

HSL

358.7, 96.8%, 63.1%

HSV

358.7, 72.2%, 98.8%

CMYK

0.0%, 72.2%, 70.6%, 1.2%

OKLCH

0.6611 0.218 24.4

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#FC464A

#46FCF8

Analogous

#FC46A5

#FC9D46

#FC464A

Triadic

#FC464A

#4AFC46

#464AFC

Split Complementary

#FC464A

#46FC9D

#46A5FC

Tetradic

#FC464A

#A5FC46

#46FCF8

#9D46FC

Color Blindness Simulation

Original

#FC464A

Protanopia

#ADAC49

Deuteranopia

#B8C549

Tritanopia

#F34848

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDEDF
200
#FEB9BA
300
#FD8789
400
#FC4549
500
#FB0409
600
#C90308
700
#A10306
800
#7D0205
900
#5B0608
950
#390405

Contrast Checker

Text on white

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