#F60976

#F60976

Color Values

HEX

#F60976

RGB

246, 9, 118

HSL

332.4, 92.9%, 50.0%

HSV

332.4, 96.3%, 96.5%

CMYK

0.0%, 96.3%, 52.0%, 3.5%

OKLCH

0.6281 0.2501 4.4

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F60976

#09F689

Analogous

#F609EC

#F61309

#F60976

Triadic

#F60976

#76F609

#0976F6

Split Complementary

#F60976

#09F613

#09ECF6

Tetradic

#F60976

#ECF609

#09F689

#1309F6

Color Blindness Simulation

Original

#F60976

Protanopia

#8F8D5C

Deuteranopia

#9DAF55

Tritanopia

#EA4742

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FCBAD9
300
#FB89BD
400
#F8499A
500
#F60976
600
#C5075E
700
#9D064C
800
#7B053B
900
#59082D
950
#38051D

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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