#F35554

#F35554

Color Values

HEX

#F35554

RGB

243, 85, 84

HSL

0.4, 86.9%, 64.1%

HSV

0.4, 65.4%, 95.3%

CMYK

0.0%, 65.0%, 65.4%, 4.7%

OKLCH

0.6631 0.1942 24.4

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#F35554

#54F2F3

Analogous

#F354A2

#F3A554

#F35554

Triadic

#F35554

#54F355

#5554F3

Split Complementary

#F35554

#54F3A5

#54A2F3

Tetradic

#F35554

#A2F354

#54F2F3

#A554F3

Color Blindness Simulation

Original

#F35554

Protanopia

#AFAD54

Deuteranopia

#B8C454

Tritanopia

#EB5454

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E0
200
#FABDBC
300
#F78D8D
400
#F3504F
500
#EE1211
600
#BF0F0D
700
#990C0B
800
#770908
900
#560B0B
950
#370707

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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