#EA59A0

#EA59A0

Color Values

HEX

#EA59A0

RGB

234, 89, 160

HSL

330,6, 77,5%, 63,3%

HSV

330,6, 62,0%, 91,8%

CMYK

0,0%, 62,0%, 31,6%, 8,2%

OKLCH

0,6729 0,1917 353,1

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#EA59A0

#59EAA3

Analogous

#EA59E8

#EA5A59

#EA59A0

Triadic

#EA59A0

#A0EA59

#59A0EA

Split Complementary

#EA59A0

#59EA5A

#59E8EA

Tetradic

#EA59A0

#E8EA59

#59EAA3

#5A59EA

Color Blindness Simulation

Original

#EA59A0

Protanopia

#ABAA8F

Deuteranopia

#B4BE8B

Tritanopia

#E3817E

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1ED
200
#F7C0DB
300
#F192C1
400
#EA589F
500
#E21D7E
600
#B51764
700
#911250
800
#710E3F
900
#520F30
950
#34091E

Contrast Checker

Text on white

3,26:1

AA Fail AAA Fail

Text on black

6,44:1

AA Pass AAA Fail

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