#F54CE3

#F54CE3

Color Values

HEX

#F54CE3

RGB

245, 76, 227

HSL

306.4, 89.4%, 62.9%

HSV

306.4, 69.0%, 96.1%

CMYK

0.0%, 69.0%, 7.3%, 3.9%

OKLCH

0.7042 0.2566 332.6

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F54CE3

#4CF55E

Analogous

#B24CF5

#F54C8E

#F54CE3

Triadic

#F54CE3

#E3F54C

#4CE3F5

Split Complementary

#F54CE3

#8EF54C

#4CF5B2

Tetradic

#F54CE3

#F5B24C

#4CF55E

#4C8EF5

Color Blindness Simulation

Original

#F54CE3

Protanopia

#ACAABF

Deuteranopia

#B6C2B6

Tritanopia

#EDA29B

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FBE0F8
200
#FBBBF4
300
#F98BED
400
#F54CE3
500
#F10ED9
600
#C10BAE
700
#9B098B
800
#79076D
900
#57094F
950
#370632

Contrast Checker

Text on white

2.99:1

AA Fail AAA Fail

Text on black

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