#F54CB2

#F54CB2

Color Values

HEX

#F54CB2

RGB

245, 76, 178

HSL

323.8, 89.4%, 62.9%

HSV

323.8, 69.0%, 96.1%

CMYK

0.0%, 69.0%, 27.3%, 3.9%

OKLCH

0.6825 0.2258 347.6

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F54CB2

#4CF58F

Analogous

#E34CF5

#F54C5D

#F54CB2

Triadic

#F54CB2

#B2F54C

#4CB2F5

Split Complementary

#F54CB2

#5DF54C

#4CF5E3

Tetradic

#F54CB2

#F5E34C

#4CF58F

#4C5DF5

Color Blindness Simulation

Original

#F54CB2

Protanopia

#ACAA99

Deuteranopia

#B6C293

Tritanopia

#ED8682

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF2F9
100
#FBE0F0
200
#FBBBE2
300
#F98BCD
400
#F54CB2
500
#F10E97
600
#C10B79
700
#9B0961
800
#79074C
900
#570939
950
#370624

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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