#F54DB2

#F54DB2

Color Values

HEX

#F54DB2

RGB

245, 77, 178

HSL

323.9, 89.4%, 63.1%

HSV

323.9, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 27.3%, 3.9%

OKLCH

0.6834 0.2247 347.7

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F54DB2

#4DF590

Analogous

#E44DF5

#F54D5E

#F54DB2

Triadic

#F54DB2

#B2F54D

#4DB2F5

Split Complementary

#F54DB2

#5EF54D

#4DF5E4

Tetradic

#F54DB2

#F5E44D

#4DF590

#4D5EF5

Color Blindness Simulation

Original

#F54DB2

Protanopia

#ACAB9A

Deuteranopia

#B6C394

Tritanopia

#ED8682

Achromatopsia

#787878

CSS Usage

background-color: #F54DB2;
color: #F54DB2;
border-color: #F54DB2;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2F9
100
#FBE0F0
200
#FBBBE2
300
#F98BCD
400
#F54CB2
500
#F10E97
600
#C10B79
700
#9B0960
800
#79074B
900
#570938
950
#370624

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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