#ED689A

#ED689A

Color Values

HEX

#ED689A

RGB

237, 104, 154

HSL

337.4, 78.7%, 66.9%

HSV

337.4, 56.1%, 92.9%

CMYK

0.0%, 56.1%, 35.0%, 7.1%

OKLCH

0.6935 0.171 359.0

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#ED689A

#68EDBB

Analogous

#ED68DD

#ED7968

#ED689A

Triadic

#ED689A

#9AED68

#689AED

Split Complementary

#ED689A

#68ED79

#68DDED

Tetradic

#ED689A

#DDED68

#68EDBB

#7968ED

Color Blindness Simulation

Original

#ED689A

Protanopia

#B3B28E

Deuteranopia

#BBC58B

Tritanopia

#E68482

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FCF2F6
100
#F9E1EA
200
#F7BFD4
300
#F292B6
400
#EB568E
500
#E41B67
600
#B61652
700
#921142
800
#720E33
900
#530E28
950
#340919

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.05:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026