#EE5486

#EE5486

Color Values

HEX

#EE5486

RGB

238, 84, 134

HSL

340.5, 81.9%, 63.1%

HSV

340.5, 64.7%, 93.3%

CMYK

0.0%, 64.7%, 43.7%, 6.7%

OKLCH

0.6652 0.1926 4.0

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#EE5486

#54EEBC

Analogous

#EE54D3

#EE6F54

#EE5486

Triadic

#EE5486

#86EE54

#5486EE

Split Complementary

#EE5486

#54EE6F

#54D3EE

Tetradic

#EE5486

#D3EE54

#54EEBC

#6F54EE

Color Blindness Simulation

Original

#EE5486

Protanopia

#ABAA7A

Deuteranopia

#B4C077

Tritanopia

#E6706E

Achromatopsia

#787878

CSS Usage

background-color: #EE5486;
color: #EE5486;
border-color: #EE5486;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F5
100
#FAE1E9
200
#F9BED1
300
#F490B0
400
#EE5386
500
#E8175B
600
#BA1249
700
#940F3A
800
#740C2D
900
#540D24
950
#350817

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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