#F51880

#F51880

Color Values

HEX

#F51880

RGB

245, 24, 128

HSL

331.8, 91.7%, 52.7%

HSV

331.8, 90.2%, 96.1%

CMYK

0.0%, 90.2%, 47.8%, 3.9%

OKLCH

0.6328 0.2474 1.4

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F51880

#18F58D

Analogous

#F518EE

#F51E18

#F51880

Triadic

#F51880

#80F518

#1880F5

Split Complementary

#F51880

#18F51E

#18EEF5

Tetradic

#F51880

#EEF518

#18F58D

#1E18F5

Color Blindness Simulation

Original

#F51880

Protanopia

#959367

Deuteranopia

#A2B361

Tritanopia

#EA534F

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FCBBD9
300
#FA8ABE
400
#F74A9B
500
#F40B78
600
#C40860
700
#9C074D
800
#7A053C
900
#58082E
950
#38051D

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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