#F50AE3

#F50AE3

Color Values

HEX

#F50AE3

RGB

245, 10, 227

HSL

304.6, 92.2%, 50.0%

HSV

304.6, 95.9%, 96.1%

CMYK

0.0%, 95.9%, 7.3%, 3.9%

OKLCH

0.6719 0.2998 332.5

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F50AE3

#0AF51C

Analogous

#920AF5

#F50A6D

#F50AE3

Triadic

#F50AE3

#E3F50A

#0AE3F5

Split Complementary

#F50AE3

#6DF50A

#0AF592

Tetradic

#F50AE3

#F5920A

#0AF51C

#0A6DF5

Color Blindness Simulation

Original

#F50AE3

Protanopia

#8F8DAF

Deuteranopia

#9DAEA2

Tritanopia

#E9857C

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF9
200
#FCBAF7
300
#FA89F2
400
#F84AEA
500
#F50AE3
600
#C408B6
700
#9D0691
800
#7B0572
900
#590852
950
#380534

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

6.04:1

AA Pass AAA Fail

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