#F64BF2

#F64BF2

Color Values

HEX

#F64BF2

RGB

246, 75, 242

HSL

301.4, 90.5%, 62.9%

HSV

301.4, 69.5%, 96.5%

CMYK

0.0%, 69.5%, 1.6%, 3.5%

OKLCH

0.7124 0.2689 329.0

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#F64BF2

#4BF64F

Analogous

#A44BF6

#F64B9C

#F64BF2

Triadic

#F64BF2

#F2F64B

#4BF2F6

Split Complementary

#F64BF2

#9CF64B

#4BF6A4

Tetradic

#F64BF2

#F6A44B

#4BF64F

#4B9CF6

Color Blindness Simulation

Original

#F64BF2

Protanopia

#ACAACA

Deuteranopia

#B6C3C0

Tritanopia

#EDAAA3

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBFA
300
#F98AF7
400
#F64BF2
500
#F30CEE
600
#C20ABE
700
#9B0898
800
#790677
900
#580956
950
#380636

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.21:1

AA Pass AAA Pass

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