#EC1FEF

#EC1FEF

Color Values

HEX

#EC1FEF

RGB

236, 31, 239

HSL

299,1, 86,7%, 52,9%

HSV

299,1, 87,0%, 93,7%

CMYK

1,3%, 87,0%, 0,0%, 6,3%

OKLCH

0,6703 0,2969 327,6

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#EC1FEF

#22EF1F

Analogous

#841FEF

#EF1F8A

#EC1FEF

Triadic

#EC1FEF

#EFEC1F

#1FEFEC

Split Complementary

#EC1FEF

#8AEF1F

#1FEF84

Tetradic

#EC1FEF

#EF841F

#22EF1F

#1F8AEF

Color Blindness Simulation

Original

#EC1FEF

Protanopia

#9391BD

Deuteranopia

#9FAEB1

Tritanopia

#E2958C

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#F9BCFA
300
#F58DF7
400
#F04FF2
500
#EB11EE
600
#BC0EBE
700
#960B98
800
#750877
900
#550B56
950
#360736

Contrast Checker

Text on white

3,49:1

AA Fail AAA Fail

Text on black

6,01:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026