#F84980

#F84980

Color Values

HEX

#F84980

RGB

248, 73, 128

HSL

341.1, 92.6%, 62.9%

HSV

341.1, 70.6%, 97.3%

CMYK

0.0%, 70.6%, 48.4%, 2.7%

OKLCH

0.6681 0.213 6.2

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F84980

#49F8C1

Analogous

#F849D8

#F86949

#F84980

Triadic

#F84980

#80F849

#4980F8

Split Complementary

#F84980

#49F869

#49D8F8

Tetradic

#F84980

#D8F849

#49F8C1

#6949F8

Color Blindness Simulation

Original

#F84980

Protanopia

#ACAB73

Deuteranopia

#B6C470

Tritanopia

#EF6866

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FDF1F5
100
#FBDFE8
200
#FCBACF
300
#FA89AD
400
#F84980
500
#F60954
600
#C40843
700
#9D0636
800
#7B052A
900
#590822
950
#380515

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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