#F36F71

#F36F71

Color Values

HEX

#F36F71

RGB

243, 111, 113

HSL

359.1, 84.6%, 69.4%

HSV

359.1, 54.3%, 95.3%

CMYK

0.0%, 54.3%, 53.5%, 4.7%

OKLCH

0.7008 0.1629 21.3

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F36F71

#6FF3F1

Analogous

#F36FB3

#F3AF6F

#F36F71

Triadic

#F36F71

#71F36F

#6F71F3

Split Complementary

#F36F71

#6FF3AF

#6FB3F3

Tetradic

#F36F71

#B3F36F

#6FF3F1

#AF6FF3

Color Blindness Simulation

Original

#F36F71

Protanopia

#BAB971

Deuteranopia

#C2CB70

Tritanopia

#EC7070

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#FABDBE
300
#F68E90
400
#F05153
500
#EB1417
600
#BC1012
700
#970D0F
800
#760A0B
900
#550C0D
950
#360708

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.32:1

AA Pass AAA Pass

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