#F60977

#F60977

Color Values

HEX

#F60977

RGB

246, 9, 119

HSL

332.2, 92.9%, 50.0%

HSV

332.2, 96.3%, 96.5%

CMYK

0.0%, 96.3%, 51.6%, 3.5%

OKLCH

0.6284 0.2503 4.0

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F60977

#09F688

Analogous

#F609ED

#F61209

#F60977

Triadic

#F60977

#77F609

#0977F6

Split Complementary

#F60977

#09F612

#09EDF6

Tetradic

#F60977

#EDF609

#09F688

#1209F6

Color Blindness Simulation

Original

#F60977

Protanopia

#8F8D5C

Deuteranopia

#9DAF56

Tritanopia

#EA4743

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FCBAD9
300
#FB89BE
400
#F8499A
500
#F60977
600
#C5075F
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