#F54DD3

#F54DD3

Color Values

HEX

#F54DD3

RGB

245, 77, 211

HSL

312.1, 89.4%, 63.1%

HSV

312.1, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 13.9%, 3.9%

OKLCH

0.6974 0.2445 337.1

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F54DD3

#4DF56F

Analogous

#C34DF5

#F54D7F

#F54DD3

Triadic

#F54DD3

#D3F54D

#4DD3F5

Split Complementary

#F54DD3

#7FF54D

#4DF5C3

Tetradic

#F54DD3

#F5C34D

#4DF56F

#4D7FF5

Color Blindness Simulation

Original

#F54DD3

Protanopia

#ACABB3

Deuteranopia

#B6C3AB

Tritanopia

#ED9993

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FBE0F5
200
#FBBBEE
300
#F98BE2
400
#F54CD3
500
#F10EC4
600
#C10B9C
700
#9B097D
800
#790762
900
#570948
950
#37062D

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