#F502C2

#F502C2

Color Values

HEX

#F502C2

RGB

245, 2, 194

HSL

312.6, 98.4%, 48.4%

HSV

312.6, 99.2%, 96.1%

CMYK

0.0%, 99.2%, 20.8%, 3.9%

OKLCH

0.6538 0.2823 340.9

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#F502C2

#02F535

Analogous

#AE02F5

#F50248

#F502C2

Triadic

#F502C2

#C2F502

#02C2F5

Split Complementary

#F502C2

#48F502

#02F5AE

Tetradic

#F502C2

#F5AE02

#02F535

#0248F5

Color Blindness Simulation

Original

#F502C2

Protanopia

#8C8A94

Deuteranopia

#9AAC88

Tritanopia

#E96F67

Achromatopsia

#444444

CSS Usage

background-color: #F502C2;
color: #F502C2;
border-color: #F502C2;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FEF1FB
100
#FCDEF6
200
#FEB8F0
300
#FE86E5
400
#FD44D6
500
#FD02C8
600
#CA02A0
700
#A20180
800
#7E0164
900
#5B0649
950
#3A042E

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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