#EE54B2

#EE54B2

Color Values

HEX

#EE54B2

RGB

238, 84, 178

HSL

323.4, 81.9%, 63.1%

HSV

323.4, 64.7%, 93.3%

CMYK

0.0%, 64.7%, 25.2%, 6.7%

OKLCH

0.6799 0.2108 346.5

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#EE54B2

#54EE90

Analogous

#DD54EE

#EE5465

#EE54B2

Triadic

#EE54B2

#B2EE54

#54B2EE

Split Complementary

#EE54B2

#65EE54

#54EEDD

Tetradic

#EE54B2

#EEDD54

#54EE90

#5465EE

Color Blindness Simulation

Original

#EE54B2

Protanopia

#ABAA9B

Deuteranopia

#B4C096

Tritanopia

#E68985

Achromatopsia

#7C7C7C

CSS Usage

background-color: #EE54B2;
color: #EE54B2;
border-color: #EE54B2;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2F9
100
#FAE1F0
200
#F9BEE2
300
#F490CD
400
#EE53B2
500
#E81796
600
#BA1278
700
#940F60
800
#740C4B
900
#540D38
950
#350824

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.55:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026