#FC7579

#FC7579

Color Values

HEX

#FC7579

RGB

252, 117, 121

HSL

358.2, 95.7%, 72.4%

HSV

358.2, 53.6%, 98.8%

CMYK

0.0%, 53.6%, 52.0%, 1.2%

OKLCH

0.7233 0.1652 20.3

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#FC7579

#75FCF8

Analogous

#FC75BD

#FCB575

#FC7579

Triadic

#FC7579

#79FC75

#7579FC

Split Complementary

#FC7579

#75FCB5

#75BDFC

Tetradic

#FC7579

#BDFC75

#75FCF8

#B575FC

Color Blindness Simulation

Original

#FC7579

Protanopia

#C2C078

Deuteranopia

#C9D378

Tritanopia

#F57777

Achromatopsia

#929292

CSS Usage

background-color: #FC7579;
color: #FC7579;
border-color: #FC7579;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FEF1F2
100
#FCDFE0
200
#FDB9BB
300
#FC878B
400
#FB464C
500
#FA050D
600
#C8040A
700
#A00408
800
#7D0306
900
#5A0709
950
#390406

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026