#EE22EE

#EE22EE

Color Values

HEX

#EE22EE

RGB

238, 34, 238

HSL

300.0, 85.7%, 53.3%

HSV

300.0, 85.7%, 93.3%

CMYK

0.0%, 85.7%, 0.0%, 6.7%

OKLCH

0.6738 0.2955 328.3

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#EE22EE

#22EE22

Analogous

#8822EE

#EE2288

#EE22EE

Triadic

#EE22EE

#EEEE22

#22EEEE

Split Complementary

#EE22EE

#88EE22

#22EE88

Tetradic

#EE22EE

#EE8822

#22EE22

#2288EE

Color Blindness Simulation

Original

#EE22EE

Protanopia

#9694BD

Deuteranopia

#A2B1B1

Tritanopia

#E4968D

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABDFA
300
#F68DF6
400
#F250F2
500
#ED12ED
600
#BD0FBD
700
#980C98
800
#760976
900
#560B56
950
#360736

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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