#F54C8F

#F54C8F

Color Values

HEX

#F54C8F

RGB

245, 76, 143

HSL

336.2, 89.4%, 62.9%

HSV

336.2, 69.0%, 96.1%

CMYK

0.0%, 69.0%, 41.6%, 3.9%

OKLCH

0.6704 0.2109 0.4

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F54C8F

#4CF5B2

Analogous

#F54CE3

#F55D4C

#F54C8F

Triadic

#F54C8F

#8FF54C

#4C8FF5

Split Complementary

#F54C8F

#4CF55D

#4CE3F5

Tetradic

#F54C8F

#E3F54C

#4CF5B2

#5D4CF5

Color Blindness Simulation

Original

#F54C8F

Protanopia

#ACAA7F

Deuteranopia

#B6C27B

Tritanopia

#ED726F

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FBE0EA
200
#FBBBD5
300
#F98BB6
400
#F54C8F
500
#F10E68
600
#C10B53
700
#9B0943
800
#790734
900
#570928
950
#37061A

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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