#F56F79

#F56F79

Color Values

HEX

#F56F79

RGB

245, 111, 121

HSL

355.5, 87.0%, 69.8%

HSV

355.5, 54.7%, 96.1%

CMYK

0.0%, 54.7%, 50.6%, 3.9%

OKLCH

0.7053 0.1647 17.8

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#F56F79

#6FF5EB

Analogous

#F56FBC

#F5A86F

#F56F79

Triadic

#F56F79

#79F56F

#6F79F5

Split Complementary

#F56F79

#6FF5A8

#6FBCF5

Tetradic

#F56F79

#BCF56F

#6FF5EB

#A86FF5

Color Blindness Simulation

Original

#F56F79

Protanopia

#BBBA77

Deuteranopia

#C3CD76

Tritanopia

#EE7574

Achromatopsia

#8C8C8C

CSS Usage

background-color: #F56F79;
color: #F56F79;
border-color: #F56F79;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF2F3
100
#FAE0E2
200
#FABCC1
300
#F78D95
400
#F34F5B
500
#EE1121
600
#BF0D1B
700
#990B15
800
#770811
900
#560B10
950
#37070A

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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