#F54CD3

#F54CD3

Color Values

HEX

#F54CD3

RGB

245, 76, 211

HSL

312,1, 89,4%, 62,9%

HSV

312,1, 69,0%, 96,1%

CMYK

0,0%, 69,0%, 13,9%, 3,9%

OKLCH

0,6965 0,2456 337,1

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F54CD3

#4CF56E

Analogous

#C34CF5

#F54C7E

#F54CD3

Triadic

#F54CD3

#D3F54C

#4CD3F5

Split Complementary

#F54CD3

#7EF54C

#4CF5C3

Tetradic

#F54CD3

#F5C34C

#4CF56E

#4C7EF5

Color Blindness Simulation

Original

#F54CD3

Protanopia

#ACAAB2

Deuteranopia

#B6C2AA

Tritanopia

#ED9993

Achromatopsia

#7A7A7A

CSS Usage

background-color: #F54CD3;
color: #F54CD3;
border-color: #F54CD3;
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,06:1

AA Fail AAA Fail

Text on black

6,86:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Фев 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Фев 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Фев 20, 2026