#F54CC4

#F54CC4

Color Values

HEX

#F54CC4

RGB

245, 76, 196

HSL

317.4, 89.4%, 62.9%

HSV

317.4, 69.0%, 96.1%

CMYK

0.0%, 69.0%, 20.0%, 3.9%

OKLCH

0.6898 0.2361 341.7

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F54CC4

#4CF57D

Analogous

#D14CF5

#F54C6F

#F54CC4

Triadic

#F54CC4

#C4F54C

#4CC4F5

Split Complementary

#F54CC4

#6FF54C

#4CF5D1

Tetradic

#F54CC4

#F5D14C

#4CF57D

#4C6FF5

Color Blindness Simulation

Original

#F54CC4

Protanopia

#ACAAA7

Deuteranopia

#B6C2A0

Tritanopia

#ED908B

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FBE0F3
200
#FBBBE9
300
#F98BD9
400
#F54CC4
500
#F10EAF
600
#C10B8C
700
#9B0970
800
#790758
900
#570941
950
#370629

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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