#FC604C

#FC604C

Color Values

HEX

#FC604C

RGB

252, 96, 76

HSL

6.8, 96.7%, 64.3%

HSV

6.8, 69.8%, 98.8%

CMYK

0.0%, 61.9%, 69.8%, 1.2%

OKLCH

0.6886 0.1942 30.1

Properties

Warm Light Nearest: tomato

Color Harmonies

Complementary

#FC604C

#4CE8FC

Analogous

#FC4C90

#FCB84C

#FC604C

Triadic

#FC604C

#4CFC60

#604CFC

Split Complementary

#FC604C

#4CFCB8

#4C90FC

Tetradic

#FC604C

#90FC4C

#4CE8FC

#B84CFC

Color Blindness Simulation

Original

#FC604C

Protanopia

#B8B751

Deuteranopia

#C2CD52

Tritanopia

#F45556

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE2DE
200
#FEC1B9
300
#FD9487
400
#FC5A45
500
#FB2004
600
#C91A03
700
#A11503
800
#7D1002
900
#5B1006
950
#390A04

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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