#ED60AB

#ED60AB

Color Values

HEX

#ED60AB

RGB

237, 96, 171

HSL

328.1, 79.7%, 65.3%

HSV

328.1, 59.5%, 92.9%

CMYK

0.0%, 59.5%, 27.8%, 7.1%

OKLCH

0.6892 0.1899 350.2

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#ED60AB

#60EDA2

Analogous

#E960ED

#ED6064

#ED60AB

Triadic

#ED60AB

#ABED60

#60ABED

Split Complementary

#ED60AB

#64ED60

#60EDE9

Tetradic

#ED60AB

#EDE960

#60EDA2

#6064ED

Color Blindness Simulation

Original

#ED60AB

Protanopia

#B0AF99

Deuteranopia

#B8C394

Tritanopia

#E68B87

Achromatopsia

#838383

CSS Usage

background-color: #ED60AB;
color: #ED60AB;
border-color: #ED60AB;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FDF2F8
100
#F9E1EE
200
#F8BFDD
300
#F391C5
400
#EC55A5
500
#E51A86
600
#B7156B
700
#931156
800
#730D43
900
#530E33
950
#350920

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.86:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026