#F54DF5

#F54DF5

Color Values

HEX

#F54DF5

RGB

245, 77, 245

HSL

300.0, 89.4%, 63.1%

HSV

300.0, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 0.0%, 3.9%

OKLCH

0.7143 0.2685 327.9

Properties

Warm Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#F54DF5

#4DF54D

Analogous

#A14DF5

#F54DA1

#F54DF5

Triadic

#F54DF5

#F5F54D

#4DF5F5

Split Complementary

#F54DF5

#A1F54D

#4DF5A1

Tetradic

#F54DF5

#F5A14D

#4DF54D

#4DA1F5

Color Blindness Simulation

Original

#F54DF5

Protanopia

#ACABCC

Deuteranopia

#B6C3C3

Tritanopia

#EDACA5

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FB
200
#FBBBFB
300
#F98BF9
400
#F54CF5
500
#F10EF1
600
#C10BC1
700
#9B099B
800
#790779
900
#570957
950
#370637

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.26:1

AA Pass AAA Pass

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