#F03591

#F03591

Color Values

HEX

#F03591

RGB

240, 53, 145

HSL

330.5, 86.2%, 57.5%

HSV

330.5, 77.9%, 94.1%

CMYK

0.0%, 77.9%, 39.6%, 5.9%

OKLCH

0.6442 0.2309 356.3

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#F03591

#35F094

Analogous

#F035EE

#F03735

#F03591

Triadic

#F03591

#91F035

#3591F0

Split Complementary

#F03591

#35F037

#35EEF0

Tetradic

#F03591

#EEF035

#35F094

#3735F0

Color Blindness Simulation

Original

#F03591

Protanopia

#9F9D7B

Deuteranopia

#AAB875

Tritanopia

#E76965

Achromatopsia

#636363

CSS Usage

background-color: #F03591;
color: #F03591;
border-color: #F03591;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDB
300
#F78DC1
400
#F24F9F
500
#ED127E
600
#BE0E65
700
#980B50
800
#77093F
900
#560B30
950
#36071E

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.62:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026