#F80775

#F80775

Color Values

HEX

#F80775

RGB

248, 7, 117

HSL

332.6, 94.5%, 50.0%

HSV

332.6, 97.2%, 97.3%

CMYK

0.0%, 97.2%, 52.8%, 2.7%

OKLCH

0.631 0.2516 5.0

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F80775

#07F88A

Analogous

#F807EE

#F81107

#F80775

Triadic

#F80775

#75F807

#0775F8

Split Complementary

#F80775

#07F811

#07EEF8

Tetradic

#F80775

#EEF807

#07F88A

#1107F8

Color Blindness Simulation

Original

#F80775

Protanopia

#908E5A

Deuteranopia

#9EB054

Tritanopia

#EC4541

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FDBAD8
300
#FC88BD
400
#FA4799
500
#F80775
600
#C6065E
700
#9F044B
800
#7C043B
900
#5A072D
950
#39051C

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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