#D64FC4

#D64FC4

Color Values

HEX

#D64FC4

RGB

214, 79, 196

HSL

308.0, 62.2%, 57.5%

HSV

308.0, 63.1%, 83.9%

CMYK

0.0%, 63.1%, 8.4%, 16.1%

OKLCH

0.6482 0.213 333.4

Properties

Warm Light Nearest: orchid

Color Harmonies

Complementary

#D64FC4

#4FD661

Analogous

#A54FD6

#D64F81

#D64FC4

Triadic

#D64FC4

#C4D64F

#4FC4D6

Split Complementary

#D64FC4

#81D64F

#4FD6A5

Tetradic

#D64FC4

#D6A54F

#4FD661

#4F81D6

Color Blindness Simulation

Original

#D64FC4

Protanopia

#9C9AA8

Deuteranopia

#A3ADA1

Tritanopia

#CF918C

Achromatopsia

#747474

CSS Usage

background-color: #D64FC4;
color: #D64FC4;
border-color: #D64FC4;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FBF3FA
100
#F7E4F4
200
#F2C5EC
300
#E89CDE
400
#DB66CC
500
#CF30BA
600
#A52795
700
#841F77
800
#67185D
900
#4C1544
950
#300D2B

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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