#F575B3

#F575B3

Color Values

HEX

#F575B3

RGB

245, 117, 179

HSL

330.9, 86.5%, 71.0%

HSV

330.9, 52.2%, 96.1%

CMYK

0.0%, 52.2%, 26.9%, 3.9%

OKLCH

0.7296 0.17 351.8

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#F575B3

#75F5B7

Analogous

#F575F3

#F57775

#F575B3

Triadic

#F575B3

#B3F575

#75B3F5

Split Complementary

#F575B3

#75F577

#75F3F5

Tetradic

#F575B3

#F3F575

#75F5B7

#7775F5

Color Blindness Simulation

Original

#F575B3

Protanopia

#BEBCA4

Deuteranopia

#C5CFA0

Tritanopia

#EF9896

Achromatopsia

#959595

CSS Usage

background-color: #F575B3;
color: #F575B3;
border-color: #F575B3;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABCDA
300
#F78DC0
400
#F24F9E
500
#EE117C
600
#BE0E63
700
#980B4F
800
#77093E
900
#560B2F
950
#36071E

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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