#ED358D

#ED358D

Color Values

HEX

#ED358D

RGB

237, 53, 141

HSL

331.3, 83.6%, 56.9%

HSV

331.3, 77.6%, 92.9%

CMYK

0.0%, 77.6%, 40.5%, 7.1%

OKLCH

0.638 0.2273 357.2

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#ED358D

#35ED95

Analogous

#ED35E9

#ED3935

#ED358D

Triadic

#ED358D

#8DED35

#358DED

Split Complementary

#ED358D

#35ED39

#35E9ED

Tetradic

#ED358D

#E9ED35

#35ED95

#3935ED

Color Blindness Simulation

Original

#ED358D

Protanopia

#9D9C78

Deuteranopia

#A8B673

Tritanopia

#E46763

Achromatopsia

#626262

CSS Usage

background-color: #ED358D;
color: #ED358D;
border-color: #ED358D;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#F9BDDA
300
#F58FC0
400
#F0529D
500
#EA157B
600
#BB1162
700
#960D4F
800
#750A3D
900
#550C2F
950
#36081E

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

5.49:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026