#EE72EC

#EE72EC

Color Values

HEX

#EE72EC

RGB

238, 114, 236

HSL

301.0, 78.5%, 69.0%

HSV

301.0, 52.1%, 93.3%

CMYK

0.0%, 52.1%, 0.8%, 6.7%

OKLCH

0.7397 0.2093 328.0

Properties

Warm Light Nearest: Shocking Pink

Color Harmonies

Complementary

#EE72EC

#72EE74

Analogous

#B272EE

#EE72AE

#EE72EC

Triadic

#EE72EC

#ECEE72

#72ECEE

Split Complementary

#EE72EC

#AEEE72

#72EEB2

Tetradic

#EE72EC

#EEB272

#72EE74

#72AEEE

Color Blindness Simulation

Original

#EE72EC

Protanopia

#B8B7CF

Deuteranopia

#C0C9C7

Tritanopia

#E8B7B2

Achromatopsia

#959595

CSS Usage

background-color: #EE72EC;
color: #EE72EC;
border-color: #EE72EC;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FCF2FC
100
#F9E1F9
200
#F7BFF6
300
#F292F0
400
#EB57E8
500
#E41BE0
600
#B616B3
700
#921290
800
#720E70
900
#530E52
950
#340933

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

8.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026