#F64CF3

#F64CF3

Color Values

HEX

#F64CF3

RGB

246, 76, 243

HSL

301,1, 90,4%, 63,1%

HSV

301,1, 69,1%, 96,5%

CMYK

0,0%, 69,1%, 1,2%, 3,5%

OKLCH

0,7138 0,2686 328,7

Properties

Warm Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#F64CF3

#4CF64F

Analogous

#A44CF6

#F64C9E

#F64CF3

Triadic

#F64CF3

#F3F64C

#4CF3F6

Split Complementary

#F64CF3

#9EF64C

#4CF6A4

Tetradic

#F64CF3

#F6A44C

#4CF64F

#4C9EF6

Color Blindness Simulation

Original

#F64CF3

Protanopia

#ACABCB

Deuteranopia

#B6C3C1

Tritanopia

#EEABA4

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBFA
300
#F98AF7
400
#F64BF3
500
#F30CEF
600
#C20ABF
700
#9B0899
800
#790677
900
#580956
950
#370637

Contrast Checker

Text on white

2,9:1

AA Fail AAA Fail

Text on black

7,25:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026