#F03775

#F03775

Color Values

HEX

#F03775

RGB

240, 55, 117

HSL

339.9, 86.0%, 57.8%

HSV

339.9, 77.1%, 94.1%

CMYK

0.0%, 77.1%, 51.3%, 5.9%

OKLCH

0.6373 0.2212 6.6

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F03775

#37F0B2

Analogous

#F037D1

#F05537

#F03775

Triadic

#F03775

#75F037

#3775F0

Split Complementary

#F03775

#37F055

#37D1F0

Tetradic

#F03775

#D1F037

#37F0B2

#5537F0

Color Blindness Simulation

Original

#F03775

Protanopia

#A09E66

Deuteranopia

#ABB862

Tritanopia

#E75A58

Achromatopsia

#636363

CSS Usage

background-color: #F03775;
color: #F03775;
border-color: #F03775;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F6
100
#FAE0E9
200
#FABDD1
300
#F68DB0
400
#F25086
500
#ED125B
600
#BE0E49
700
#980B3A
800
#77092E
900
#560B24
950
#360717

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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