#F64CED

#F64CED

Color Values

HEX

#F64CED

RGB

246, 76, 237

HSL

303.2, 90.4%, 63.1%

HSV

303.2, 69.1%, 96.5%

CMYK

0.0%, 69.1%, 3.7%, 3.5%

OKLCH

0.7106 0.2642 330.2

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F64CED

#4CF655

Analogous

#AA4CF6

#F64C98

#F64CED

Triadic

#F64CED

#EDF64C

#4CEDF6

Split Complementary

#F64CED

#98F64C

#4CF6AA

Tetradic

#F64CED

#F6AA4C

#4CF655

#4C98F6

Color Blindness Simulation

Original

#F64CED

Protanopia

#ACABC6

Deuteranopia

#B6C3BD

Tritanopia

#EEA7A1

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFF9
200
#FCBBF8
300
#F98AF3
400
#F64BED
500
#F30CE6
600
#C20AB8
700
#9B0893
800
#790673
900
#580954
950
#370635

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.18:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026