#EC1AED

#EC1AED

Color Values

HEX

#EC1AED

RGB

236, 26, 237

HSL

299.7, 85.4%, 51.6%

HSV

299.7, 89.0%, 92.9%

CMYK

0.4%, 89.0%, 0.0%, 7.1%

OKLCH

0.6675 0.2978 328.1

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#EC1AED

#1BED1A

Analogous

#831AED

#ED1A85

#EC1AED

Triadic

#EC1AED

#EDEC1A

#1AEDEC

Split Complementary

#EC1AED

#85ED1A

#1AED83

Tetradic

#EC1AED

#ED831A

#1BED1A

#1A85ED

Color Blindness Simulation

Original

#EC1AED

Protanopia

#918FBA

Deuteranopia

#9DADAE

Tritanopia

#E29289

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#F9BDFA
300
#F68EF6
400
#F050F1
500
#EB13EC
600
#BC0FBD
700
#970C97
800
#760976
900
#550B56
950
#360736

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.94:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026