#F520F4

#F520F4

Color Values

HEX

#F520F4

RGB

245, 32, 244

HSL

300,3, 91,4%, 54,3%

HSV

300,3, 86,9%, 96,1%

CMYK

0,0%, 86,9%, 0,4%, 3,9%

OKLCH

0,687 0,303 328,5

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F520F4

#20F521

Analogous

#8C20F5

#F52089

#F520F4

Triadic

#F520F4

#F4F520

#20F4F5

Split Complementary

#F520F4

#89F520

#20F58C

Tetradic

#F520F4

#F58C20

#20F521

#2089F5

Color Blindness Simulation

Original

#F520F4

Protanopia

#9997C1

Deuteranopia

#A5B5B4

Tritanopia

#EA988F

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBBFC
300
#FA8AF9
400
#F74AF6
500
#F40BF3
600
#C309C2
700
#9C079B
800
#7A0579
900
#580958
950
#380538

Contrast Checker

Text on white

3,28:1

AA Fail AAA Fail

Text on black

6,4:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026