#F80777

#F80777

Color Values

HEX

#F80777

RGB

248, 7, 119

HSL

332.1, 94.5%, 50.0%

HSV

332.1, 97.2%, 97.3%

CMYK

0.0%, 97.2%, 52.0%, 2.7%

OKLCH

0.6316 0.2521 4.3

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F80777

#07F888

Analogous

#F807F0

#F80F07

#F80777

Triadic

#F80777

#77F807

#0777F8

Split Complementary

#F80777

#07F80F

#07F0F8

Tetradic

#F80777

#F0F807

#07F888

#0F07F8

Color Blindness Simulation

Original

#F80777

Protanopia

#908E5C

Deuteranopia

#9EB055

Tritanopia

#EC4642

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FDBAD9
300
#FC88BE
400
#FA479A
500
#F80777
600
#C6065F
700
#9F044C
800
#7C043C
900
#5A072E
950
#39051D

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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