#EE48EC

#EE48EC

Color Values

HEX

#EE48EC

RGB

238, 72, 236

HSL

300.7, 83.0%, 60.8%

HSV

300.7, 69.7%, 93.3%

CMYK

0.0%, 69.7%, 0.8%, 6.7%

OKLCH

0.6956 0.2639 328.5

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#EE48EC

#48EE4A

Analogous

#9D48EE

#EE4899

#EE48EC

Triadic

#EE48EC

#ECEE48

#48ECEE

Split Complementary

#EE48EC

#99EE48

#48EE9D

Tetradic

#EE48EC

#EE9D48

#48EE4A

#4899EE

Color Blindness Simulation

Original

#EE48EC

Protanopia

#A6A5C4

Deuteranopia

#B0BCBB

Tritanopia

#E6A59E

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE1F9
200
#F9BEF8
300
#F58FF3
400
#EF52ED
500
#E916E7
600
#BB11B9
700
#950E94
800
#750B73
900
#550C54
950
#350835

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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