#F32427

#F32427

Color Values

HEX

#F32427

RGB

243, 36, 39

HSL

359.1, 89.6%, 54.7%

HSV

359.1, 85.2%, 95.3%

CMYK

0.0%, 85.2%, 84.0%, 4.7%

OKLCH

0.6178 0.236 27.3

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#F32427

#24F3F0

Analogous

#F3248F

#F38824

#F32427

Triadic

#F32427

#27F324

#2427F3

Split Complementary

#F32427

#24F388

#248FF3

Tetradic

#F32427

#8FF324

#24F3F0

#8824F3

Color Blindness Simulation

Original

#F32427

Protanopia

#999826

Deuteranopia

#A5B526

Tritanopia

#E92626

Achromatopsia

#505050

CSS Usage

background-color: #F32427;
color: #F32427;
border-color: #F32427;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBBBC
300
#F98B8D
400
#F54C4F
500
#F20D11
600
#C10B0D
700
#9B080B
800
#790708
900
#58090B
950
#370607

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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