#EC40EE

#EC40EE

Color Values

HEX

#EC40EE

RGB

236, 64, 238

HSL

299.3, 83.7%, 59.2%

HSV

299.3, 73.1%, 93.3%

CMYK

0.8%, 73.1%, 0.0%, 6.7%

OKLCH

0.6877 0.2725 327.5

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#EC40EE

#42EE40

Analogous

#9540EE

#EE4099

#EC40EE

Triadic

#EC40EE

#EEEC40

#40EEEC

Split Complementary

#EC40EE

#99EE40

#40EE95

Tetradic

#EC40EE

#EE9540

#42EE40

#4099EE

Color Blindness Simulation

Original

#EC40EE

Protanopia

#A1A0C4

Deuteranopia

#ACB8BA

Tritanopia

#E3A39B

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#F8BDF9
300
#F48FF5
400
#EE52F0
500
#E815EA
600
#B911BB
700
#940D96
800
#740A75
900
#540C55
950
#350836

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.53:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026