#F00F89

#F00F89

Color Values

HEX

#F00F89

RGB

240, 15, 137

HSL

327.5, 88.2%, 50.0%

HSV

327.5, 93.8%, 94.1%

CMYK

0.0%, 93.8%, 42.9%, 5.9%

OKLCH

0.6245 0.2503 357.2

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F00F89

#0FF076

Analogous

#E70FF0

#F00F18

#F00F89

Triadic

#F00F89

#89F00F

#0F89F0

Split Complementary

#F00F89

#18F00F

#0FF0E7

Tetradic

#F00F89

#F0E70F

#0FF076

#0F18F0

Color Blindness Simulation

Original

#F00F89

Protanopia

#8F8D6C

Deuteranopia

#9CAC64

Tritanopia

#E5544F

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0EE
200
#FBBCDE
300
#F88CC6
400
#F44DA8
500
#F00F89
600
#C00C6D
700
#9A0A58
800
#780844
900
#570A34
950
#370621

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

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