#F54CD5

#F54CD5

Color Values

HEX

#F54CD5

RGB

245, 76, 213

HSL

311.4, 89.4%, 62.9%

HSV

311.4, 69.0%, 96.1%

CMYK

0.0%, 69.0%, 13.1%, 3.9%

OKLCH

0.6974 0.247 336.5

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F54CD5

#4CF56C

Analogous

#C14CF5

#F54C80

#F54CD5

Triadic

#F54CD5

#D5F54C

#4CD5F5

Split Complementary

#F54CD5

#80F54C

#4CF5C1

Tetradic

#F54CD5

#F5C14C

#4CF56C

#4C80F5

Color Blindness Simulation

Original

#F54CD5

Protanopia

#ACAAB4

Deuteranopia

#B6C2AC

Tritanopia

#ED9A94

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FBE0F6
200
#FBBBEF
300
#F98BE4
400
#F54CD5
500
#F10EC6
600
#C10B9F
700
#9B097F
800
#790763
900
#570949
950
#37062E

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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