#EC4CEC

#EC4CEC

Color Values

HEX

#EC4CEC

RGB

236, 76, 236

HSL

300.0, 80.8%, 61.2%

HSV

300.0, 67.8%, 92.5%

CMYK

0.0%, 67.8%, 0.0%, 7.5%

OKLCH

0.6962 0.2586 327.9

Properties

Warm Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#EC4CEC

#4CEC4C

Analogous

#9C4CEC

#EC4C9C

#EC4CEC

Triadic

#EC4CEC

#ECEC4C

#4CECEC

Split Complementary

#EC4CEC

#9CEC4C

#4CEC9C

Tetradic

#EC4CEC

#EC9C4C

#4CEC4C

#4C9CEC

Color Blindness Simulation

Original

#EC4CEC

Protanopia

#A7A5C5

Deuteranopia

#B0BCBC

Tritanopia

#E4A7A0

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E1F9
200
#F8BEF8
300
#F390F3
400
#ED54ED
500
#E718E7
600
#B814B8
700
#941094
800
#730C73
900
#540D54
950
#350835

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

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