#E64CF6

#E64CF6

Color Values

HEX

#E64CF6

RGB

230, 76, 246

HSL

294.4, 90.4%, 63.1%

HSV

294.4, 69.1%, 96.5%

CMYK

6.5%, 69.1%, 0.0%, 3.5%

OKLCH

0.6936 0.2636 323.8

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#E64CF6

#5CF64C

Analogous

#914CF6

#F64CB1

#E64CF6

Triadic

#E64CF6

#F6E64C

#4CF6E6

Split Complementary

#E64CF6

#B1F64C

#4CF691

Tetradic

#E64CF6

#F6914C

#5CF64C

#4CB1F6

Color Blindness Simulation

Original

#E64CF6

Protanopia

#A3A2CD

Deuteranopia

#ACB8C3

Tritanopia

#DEACA5

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FCF1FD
100
#F8DFFB
200
#F6BBFC
300
#EF8AF9
400
#E64BF6
500
#DD0CF3
600
#B10AC2
700
#8E089B
800
#6F0679
900
#510958
950
#330637

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.73:1

AA Pass AAA Fail

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