#F54CD0

#F54CD0

Color Values

HEX

#F54CD0

RGB

245, 76, 208

HSL

313,1, 89,4%, 62,9%

HSV

313,1, 69,0%, 96,1%

CMYK

0,0%, 69,0%, 15,1%, 3,9%

OKLCH

0,6951 0,2437 338,0

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F54CD0

#4CF571

Analogous

#C54CF5

#F54C7B

#F54CD0

Triadic

#F54CD0

#D0F54C

#4CD0F5

Split Complementary

#F54CD0

#7BF54C

#4CF5C5

Tetradic

#F54CD0

#F5C54C

#4CF571

#4C7BF5

Color Blindness Simulation

Original

#F54CD0

Protanopia

#ACAAB0

Deuteranopia

#B6C2A8

Tritanopia

#ED9791

Achromatopsia

#797979

CSS Usage

background-color: #F54CD0;
color: #F54CD0;
border-color: #F54CD0;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF2FB
100
#FBE0F5
200
#FBBBED
300
#F98BE1
400
#F54CD0
500
#F10EC0
600
#C10B99
700
#9B097B
800
#790760
900
#570946
950
#37062C

Contrast Checker

Text on white

3,08:1

AA Fail AAA Fail

Text on black

6,83:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026