#F56164

#F56164

Color Values

HEX

#F56164

RGB

245, 97, 100

HSL

358.8, 88.1%, 67.1%

HSV

358.8, 60.4%, 96.1%

CMYK

0.0%, 60.4%, 59.2%, 3.9%

OKLCH

0.683 0.1821 22.1

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#F56164

#61F5F2

Analogous

#F561AE

#F5A861

#F56164

Triadic

#F56164

#64F561

#6164F5

Split Complementary

#F56164

#61F5A8

#61AEF5

Tetradic

#F56164

#AEF561

#61F5F2

#A861F5

Color Blindness Simulation

Original

#F56164

Protanopia

#B5B463

Deuteranopia

#BEC963

Tritanopia

#EE6363

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBCBD
300
#F88C8E
400
#F44E51
500
#F00F14
600
#C00C10
700
#990A0D
800
#78080A
900
#570A0C
950
#370607

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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