#F54CE4

#F54CE4

Color Values

HEX

#F54CE4

RGB

245, 76, 228

HSL

306.0, 89.4%, 62.9%

HSV

306.0, 69.0%, 96.1%

CMYK

0.0%, 69.0%, 6.9%, 3.9%

OKLCH

0.7047 0.2573 332.3

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F54CE4

#4CF55D

Analogous

#B14CF5

#F54C8F

#F54CE4

Triadic

#F54CE4

#E4F54C

#4CE4F5

Split Complementary

#F54CE4

#8FF54C

#4CF5B1

Tetradic

#F54CE4

#F5B14C

#4CF55D

#4C8FF5

Color Blindness Simulation

Original

#F54CE4

Protanopia

#ACAABF

Deuteranopia

#B6C2B6

Tritanopia

#EDA29C

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FBE0F8
200
#FBBBF5
300
#F98BEE
400
#F54CE4
500
#F10EDB
600
#C10BAF
700
#9B098C
800
#79076D
900
#570950
950
#370632

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

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