#F00F96

#F00F96

Color Values

HEX

#F00F96

RGB

240, 15, 150

HSL

324.0, 88.2%, 50.0%

HSV

324.0, 93.8%, 94.1%

CMYK

0.0%, 93.8%, 37.5%, 5.9%

OKLCH

0.629 0.2552 353.0

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F00F96

#0FF069

Analogous

#D90FF0

#F00F26

#F00F96

Triadic

#F00F96

#96F00F

#0F96F0

Split Complementary

#F00F96

#26F00F

#0FF0D9

Tetradic

#F00F96

#F0D90F

#0FF069

#0F26F0

Color Blindness Simulation

Original

#F00F96

Protanopia

#8F8D75

Deuteranopia

#9CAC6E

Tritanopia

#E55C56

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0F0
200
#FBBCE2
300
#F88CCD
400
#F44DB1
500
#F00F96
600
#C00C78
700
#9A0A60
800
#78084B
900
#570A38
950
#370623

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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