#F56F73

#F56F73

Color Values

HEX

#F56F73

RGB

245, 111, 115

HSL

358.2, 87.0%, 69.8%

HSV

358.2, 54.7%, 96.1%

CMYK

0.0%, 54.7%, 53.1%, 3.9%

OKLCH

0.7041 0.1649 20.5

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F56F73

#6FF5F1

Analogous

#F56FB6

#F5AE6F

#F56F73

Triadic

#F56F73

#73F56F

#6F73F5

Split Complementary

#F56F73

#6FF5AE

#6FB6F5

Tetradic

#F56F73

#B6F56F

#6FF5F1

#AE6FF5

Color Blindness Simulation

Original

#F56F73

Protanopia

#BBBA72

Deuteranopia

#C3CD72

Tritanopia

#EE7171

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#FABCBE
300
#F78D90
400
#F34F53
500
#EE1117
600
#BF0D13
700
#990B0F
800
#77080C
900
#560B0D
950
#370708

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

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