#ED74AC

#ED74AC

Color Values

HEX

#ED74AC

RGB

237, 116, 172

HSL

332,2, 77,1%, 69,2%

HSV

332,2, 51,1%, 92,9%

CMYK

0,0%, 51,1%, 27,4%, 7,1%

OKLCH

0,7153 0,1606 352,9

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#ED74AC

#74EDB5

Analogous

#ED74E9

#ED7874

#ED74AC

Triadic

#ED74AC

#ACED74

#74ACED

Split Complementary

#ED74AC

#74ED78

#74E9ED

Tetradic

#ED74AC

#E9ED74

#74EDB5

#7874ED

Color Blindness Simulation

Original

#ED74AC

Protanopia

#B9B89E

Deuteranopia

#C0C99B

Tritanopia

#E79491

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1EC
200
#F7C0D9
300
#F193BE
400
#E9589B
500
#E21D78
600
#B51760
700
#91134D
800
#710F3C
900
#520F2E
950
#34091D

Contrast Checker

Text on white

2,73:1

AA Fail AAA Fail

Text on black

7,69: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