#F00F59

#F00F59

Color Values

HEX

#F00F59

RGB

240, 15, 89

HSL

340.3, 88.2%, 50.0%

HSV

340.3, 93.8%, 94.1%

CMYK

0.0%, 93.8%, 62.9%, 5.9%

OKLCH

0.6116 0.2399 13.0

Properties

Warm Light Nearest: Red

Color Harmonies

Complementary

#F00F59

#0FF0A6

Analogous

#F00FC9

#F0360F

#F00F59

Triadic

#F00F59

#59F00F

#0F59F0

Split Complementary

#F00F59

#0FF036

#0FC9F0

Tetradic

#F00F59

#C9F00F

#0FF0A6

#360FF0

Color Blindness Simulation

Original

#F00F59

Protanopia

#8F8D47

Deuteranopia

#9CAC43

Tritanopia

#E53936

Achromatopsia

#444444

CSS Usage

background-color: #F00F59;
color: #F00F59;
border-color: #F00F59;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FDF2F5
100
#FBE0E9
200
#FBBCD0
300
#F88CAF
400
#F44D84
500
#F00F59
600
#C00C47
700
#9A0A39
800
#78082C
900
#570A23
950
#370616

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

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