#ED547F

#ED547F

Color Values

HEX

#ED547F

RGB

237, 84, 127

HSL

343.1, 81.0%, 62.9%

HSV

343.1, 64.6%, 92.9%

CMYK

0.0%, 64.6%, 46.4%, 7.1%

OKLCH

0.6617 0.1901 6.8

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#ED547F

#54EDC2

Analogous

#ED54CC

#ED7554

#ED547F

Triadic

#ED547F

#7FED54

#547FED

Split Complementary

#ED547F

#54ED75

#54CCED

Tetradic

#ED547F

#CCED54

#54EDC2

#7554ED

Color Blindness Simulation

Original

#ED547F

Protanopia

#ABA975

Deuteranopia

#B4BF72

Tritanopia

#E56C6B

Achromatopsia

#787878

CSS Usage

background-color: #ED547F;
color: #ED547F;
border-color: #ED547F;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF2F5
100
#F9E1E8
200
#F8BECF
300
#F390AC
400
#ED547F
500
#E71852
600
#B91342
700
#941035
800
#730C29
900
#540D21
950
#350815

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

6.18:1

AA Pass AAA Fail

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