#F54DD2

#F54DD2

Color Values

HEX

#F54DD2

RGB

245, 77, 210

HSL

312.5, 89.4%, 63.1%

HSV

312.5, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 14.3%, 3.9%

OKLCH

0.6969 0.2438 337.4

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F54DD2

#4DF570

Analogous

#C44DF5

#F54D7E

#F54DD2

Triadic

#F54DD2

#D2F54D

#4DD2F5

Split Complementary

#F54DD2

#7EF54D

#4DF5C4

Tetradic

#F54DD2

#F5C44D

#4DF570

#4D7EF5

Color Blindness Simulation

Original

#F54DD2

Protanopia

#ACABB2

Deuteranopia

#B6C3AA

Tritanopia

#ED9893

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FBE0F5
200
#FBBBEE
300
#F98BE2
400
#F54CD2
500
#F10EC2
600
#C10B9B
700
#9B097C
800
#790761
900
#570947
950
#37062D

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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