#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

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026