#E73C85

#E73C85

Color Values

HEX

#E73C85

RGB

231, 60, 133

HSL

334.4, 78.1%, 57.1%

HSV

334.4, 74.0%, 90.6%

CMYK

0.0%, 74.0%, 42.4%, 9.4%

OKLCH

0.6309 0.2133 359.6

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#E73C85

#3CE79E

Analogous

#E73CDB

#E7493C

#E73C85

Triadic

#E73C85

#85E73C

#3C85E7

Split Complementary

#E73C85

#3CE749

#3CDBE7

Tetradic

#E73C85

#DBE73C

#3CE79E

#493CE7

Color Blindness Simulation

Original

#E73C85

Protanopia

#9D9B73

Deuteranopia

#A7B46F

Tritanopia

#DE6562

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1EB
200
#F7BFD7
300
#F292BB
400
#EA5796
500
#E31C71
600
#B6165A
700
#911248
800
#720E38
900
#530E2B
950
#34091B

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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