#F54CC0

#F54CC0

Color Values

HEX

#F54CC0

RGB

245, 76, 192

HSL

318.8, 89.4%, 62.9%

HSV

318.8, 69.0%, 96.1%

CMYK

0.0%, 69.0%, 21.6%, 3.9%

OKLCH

0.6881 0.2337 343.0

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F54CC0

#4CF581

Analogous

#D54CF5

#F54C6B

#F54CC0

Triadic

#F54CC0

#C0F54C

#4CC0F5

Split Complementary

#F54CC0

#6BF54C

#4CF5D5

Tetradic

#F54CC0

#F5D54C

#4CF581

#4C6BF5

Color Blindness Simulation

Original

#F54CC0

Protanopia

#ACAAA4

Deuteranopia

#B6C29D

Tritanopia

#ED8E89

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FBE0F2
200
#FBBBE7
300
#F98BD6
400
#F54CC0
500
#F10EAA
600
#C10B88
700
#9B096D
800
#790755
900
#57093F
950
#370628

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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