#EC0CEE

#EC0CEE

Color Values

HEX

#EC0CEE

RGB

236, 12, 238

HSL

299.5, 90.4%, 49.0%

HSV

299.5, 95.0%, 93.3%

CMYK

0.8%, 95.0%, 0.0%, 6.7%

OKLCH

0.6648 0.3029 327.9

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#EC0CEE

#0EEE0C

Analogous

#7B0CEE

#EE0C7F

#EC0CEE

Triadic

#EC0CEE

#EEEC0C

#0CEEEC

Split Complementary

#EC0CEE

#7FEE0C

#0CEE7B

Tetradic

#EC0CEE

#EE7B0C

#0EEE0C

#0C7FEE

Color Blindness Simulation

Original

#EC0CEE

Protanopia

#8B89B7

Deuteranopia

#98A9AA

Tritanopia

#E18C83

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FBBBFC
300
#F88AF9
400
#F54BF6
500
#F10CF3
600
#C10AC2
700
#9A089B
800
#780679
900
#570958
950
#370637

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

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