#F80768

#F80768

Color Values

HEX

#F80768

RGB

248, 7, 104

HSL

335.9, 94.5%, 50.0%

HSV

335.9, 97.2%, 97.3%

CMYK

0.0%, 97.2%, 58.1%, 2.7%

OKLCH

0.6278 0.2493 9.1

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F80768

#07F897

Analogous

#F807E0

#F81F07

#F80768

Triadic

#F80768

#68F807

#0768F8

Split Complementary

#F80768

#07F81F

#07E0F8

Tetradic

#F80768

#E0F807

#07F897

#1F07F8

Color Blindness Simulation

Original

#F80768

Protanopia

#908E51

Deuteranopia

#9EB04B

Tritanopia

#EC3E3A

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FDBAD5
300
#FC88B6
400
#FA478F
500
#F80768
600
#C60653
700
#9F0442
800
#7C0434
900
#5A0728
950
#390519

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