#EC46EF

#EC46EF

Color Values

HEX

#EC46EF

RGB

236, 70, 239

HSL

298.9, 84.1%, 60.6%

HSV

298.9, 70.7%, 93.7%

CMYK

1.3%, 70.7%, 0.0%, 6.3%

OKLCH

0.6928 0.2673 327.2

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#EC46EF

#49EF46

Analogous

#9746EF

#EF469E

#EC46EF

Triadic

#EC46EF

#EFEC46

#46EFEC

Split Complementary

#EC46EF

#9EEF46

#46EF97

Tetradic

#EC46EF

#EF9746

#49EF46

#469EEF

Color Blindness Simulation

Original

#EC46EF

Protanopia

#A4A3C6

Deuteranopia

#AEBABC

Tritanopia

#E4A69F

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E0FA
200
#F8BDF9
300
#F38EF5
400
#ED51F0
500
#E714EB
600
#B910BC
700
#940D96
800
#730A75
900
#540C55
950
#350736

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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