#EE36EE

#EE36EE

Color Values

HEX

#EE36EE

RGB

238, 54, 238

HSL

300.0, 84.4%, 57.3%

HSV

300.0, 77.3%, 93.3%

CMYK

0.0%, 77.3%, 0.0%, 6.7%

OKLCH

0.6838 0.2822 328.1

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#EE36EE

#36EE36

Analogous

#9236EE

#EE3692

#EE36EE

Triadic

#EE36EE

#EEEE36

#36EEEE

Split Complementary

#EE36EE

#92EE36

#36EE92

Tetradic

#EE36EE

#EE9236

#36EE36

#3692EE

Color Blindness Simulation

Original

#EE36EE

Protanopia

#9E9DC2

Deuteranopia

#A9B7B7

Tritanopia

#E59E97

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#F9BDF9
300
#F58EF5
400
#F051F0
500
#EB14EB
600
#BC10BC
700
#960D96
800
#760A76
900
#550C55
950
#360736

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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