#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026