#FC4543

#FC4543

Color Values

HEX

#FC4543

RGB

252, 69, 67

HSL

0.6, 96.9%, 62.5%

HSV

0.6, 73.4%, 98.8%

CMYK

0.0%, 72.6%, 73.4%, 1.2%

OKLCH

0.6593 0.2196 26.1

Properties

Warm Light Nearest: brown 1

Color Harmonies

Complementary

#FC4543

#43FAFC

Analogous

#FC439E

#FCA143

#FC4543

Triadic

#FC4543

#43FC45

#4543FC

Split Complementary

#FC4543

#43FCA1

#439EFC

Tetradic

#FC4543

#9EFC43

#43FAFC

#A143FC

Color Blindness Simulation

Original

#FC4543

Protanopia

#ADAB43

Deuteranopia

#B7C544

Tritanopia

#F34444

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FEB9B9
300
#FD8886
400
#FC4745
500
#FB0604
600
#C90503
700
#A10403
800
#7E0302
900
#5B0706
950
#390404

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

6.07:1

AA Pass AAA Fail

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