#F546FC

#F546FC

Color Values

HEX

#F546FC

RGB

245, 70, 252

HSL

297.7, 96.8%, 63.1%

HSV

297.7, 72.2%, 98.8%

CMYK

2.8%, 72.2%, 0.0%, 1.2%

OKLCH

0.7125 0.2808 326.3

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#F546FC

#4DFC46

Analogous

#9A46FC

#FC46A8

#F546FC

Triadic

#F546FC

#FCF546

#46FCF5

Split Complementary

#F546FC

#A8FC46

#46FC9A

Tetradic

#F546FC

#FC9A46

#4DFC46

#46A8FC

Color Blindness Simulation

Original

#F546FC

Protanopia

#A9A8D0

Deuteranopia

#B3C0C5

Tritanopia

#ECADA6

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FBDEFC
200
#FBB9FE
300
#F887FD
400
#F545FC
500
#F104FB
600
#C103C9
700
#9B03A1
800
#79027D
900
#57065B
950
#370439

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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