#F60963

#F60963

Color Values

HEX

#F60963

RGB

246, 9, 99

HSL

337.2, 92.9%, 50.0%

HSV

337.2, 96.3%, 96.5%

CMYK

0.0%, 96.3%, 59.8%, 3.5%

OKLCH

0.6234 0.2467 10.5

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F60963

#09F69C

Analogous

#F609DA

#F62509

#F60963

Triadic

#F60963

#63F609

#0963F6

Split Complementary

#F60963

#09F625

#09DAF6

Tetradic

#F60963

#DAF609

#09F69C

#2509F6

Color Blindness Simulation

Original

#F60963

Protanopia

#8F8D4D

Deuteranopia

#9DAF48

Tritanopia

#EA3C38

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FCBAD3
300
#FB89B4
400
#F8498C
500
#F60963
600
#C5074F
700
#9D063F
800
#7B0532
900
#590827
950
#380518

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

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