#EC4DF4

#EC4DF4

Color Values

HEX

#EC4DF4

RGB

236, 77, 244

HSL

297,1, 88,4%, 62,9%

HSV

297,1, 68,4%, 95,7%

CMYK

3,3%, 68,4%, 0,0%, 4,3%

OKLCH

0,7014 0,2636 325,9

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#EC4DF4

#55F44D

Analogous

#984DF4

#F44DA8

#EC4DF4

Triadic

#EC4DF4

#F4EC4D

#4DF4EC

Split Complementary

#EC4DF4

#A8F44D

#4DF498

Tetradic

#EC4DF4

#F4984D

#55F44D

#4DA8F4

Color Blindness Simulation

Original

#EC4DF4

Protanopia

#A7A6CC

Deuteranopia

#B0BCC2

Tritanopia

#E4ACA5

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E0FB
200
#F8BCFB
300
#F38CF8
400
#EC4DF4
500
#E50FF0
600
#B70CC0
700
#93099A
800
#730778
900
#530A57
950
#350637

Contrast Checker

Text on white

3,03:1

AA Fail AAA Fail

Text on black

6,93: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