#E371AD

#E371AD

Color Values

HEX

#E371AD

RGB

227, 113, 173

HSL

328.4, 67.1%, 66.7%

HSV

328.4, 50.2%, 89.0%

CMYK

0.0%, 50.2%, 23.8%, 11.0%

OKLCH

0.6984 0.1564 349.1

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#E371AD

#71E3A7

Analogous

#E071E3

#E37174

#E371AD

Triadic

#E371AD

#ADE371

#71ADE3

Split Complementary

#E371AD

#74E371

#71E3E0

Tetradic

#E371AD

#E3E071

#71E3A7

#7174E3

Color Blindness Simulation

Original

#E371AD

Protanopia

#B2B19E

Deuteranopia

#B8C19B

Tritanopia

#DD9390

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3EE
200
#F3C3DD
300
#EB99C4
400
#E061A4
500
#D52A84
600
#AA226A
700
#881B55
800
#6B1542
900
#4E1332
950
#310C20

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

7.23:1

AA Pass AAA Pass

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