#F54543

#F54543

Color Values

HEX

#F54543

RGB

245, 69, 67

HSL

0.7, 89.9%, 61.2%

HSV

0.7, 72.7%, 96.1%

CMYK

0.0%, 71.8%, 72.7%, 3.9%

OKLCH

0.6476 0.2129 26.0

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#F54543

#43F3F5

Analogous

#F5439A

#F59E43

#F54543

Triadic

#F54543

#43F545

#4543F5

Split Complementary

#F54543

#43F59E

#439AF5

Tetradic

#F54543

#9AF543

#43F3F5

#9E43F5

Color Blindness Simulation

Original

#F54543

Protanopia

#A9A743

Deuteranopia

#B3C044

Tritanopia

#EC4444

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBCBB
300
#F98C8B
400
#F54E4C
500
#F2100D
600
#C20C0A
700
#9B0A08
800
#790806
900
#580A09
950
#370606

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

5.81:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026