#F50AE2

#F50AE2

Color Values

HEX

#F50AE2

RGB

245, 10, 226

HSL

304.9, 92.2%, 50.0%

HSV

304.9, 95.9%, 96.1%

CMYK

0.0%, 95.9%, 7.8%, 3.9%

OKLCH

0.6714 0.2991 332.7

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F50AE2

#0AF51D

Analogous

#930AF5

#F50A6C

#F50AE2

Triadic

#F50AE2

#E2F50A

#0AE2F5

Split Complementary

#F50AE2

#6CF50A

#0AF593

Tetradic

#F50AE2

#F5930A

#0AF51D

#0A6CF5

Color Blindness Simulation

Original

#F50AE2

Protanopia

#8F8DAE

Deuteranopia

#9DAEA1

Tritanopia

#E9847B

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF9
200
#FCBAF7
300
#FA89F1
400
#F84AE9
500
#F50AE2
600
#C408B5
700
#9D0691
800
#7B0571
900
#590852
950
#380534

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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