#F00F60

#F00F60

Color Values

HEX

#F00F60

RGB

240, 15, 96

HSL

338.4, 88.2%, 50.0%

HSV

338.4, 93.8%, 94.1%

CMYK

0.0%, 93.8%, 60.0%, 5.9%

OKLCH

0.6131 0.2406 10.8

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F00F60

#0FF09F

Analogous

#F00FD0

#F02F0F

#F00F60

Triadic

#F00F60

#60F00F

#0F60F0

Split Complementary

#F00F60

#0FF02F

#0FD0F0

Tetradic

#F00F60

#D0F00F

#0FF09F

#2F0FF0

Color Blindness Simulation

Original

#F00F60

Protanopia

#8F8D4C

Deuteranopia

#9CAC48

Tritanopia

#E53D3A

Achromatopsia

#454545

CSS Usage

background-color: #F00F60;
color: #F00F60;
border-color: #F00F60;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF2F6
100
#FBE0E9
200
#FBBCD2
300
#F88CB3
400
#F44D89
500
#F00F60
600
#C00C4D
700
#9A0A3D
800
#780830
900
#570A26
950
#370618

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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