#F54CE5

#F54CE5

Color Values

HEX

#F54CE5

RGB

245, 76, 229

HSL

305.7, 89.4%, 62.9%

HSV

305.7, 69.0%, 96.1%

CMYK

0.0%, 69.0%, 6.5%, 3.9%

OKLCH

0.7052 0.258 332.1

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F54CE5

#4CF55C

Analogous

#B04CF5

#F54C90

#F54CE5

Triadic

#F54CE5

#E5F54C

#4CE5F5

Split Complementary

#F54CE5

#90F54C

#4CF5B0

Tetradic

#F54CE5

#F5B04C

#4CF55C

#4C90F5

Color Blindness Simulation

Original

#F54CE5

Protanopia

#ACAAC0

Deuteranopia

#B6C2B7

Tritanopia

#EDA39C

Achromatopsia

#7B7B7B

CSS Usage

background-color: #F54CE5;
color: #F54CE5;
border-color: #F54CE5;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF2FC
100
#FBE0F8
200
#FBBBF5
300
#F98BEE
400
#F54CE5
500
#F10EDC
600
#C10BB0
700
#9B098D
800
#79076E
900
#570950
950
#370633

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.05:1

AA Pass AAA Pass

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