COLOR INTELLIGENCE
Enter a hex value or choose a starting tool. HexCheck keeps the color connected as you inspect it, test it, build with it, or apply it in a real-world workflow.
This color has a permanent URL:
COLOR ENCYCLOPEDIA
#EC4899 is a mid-tone vivid pink color. Its RGB value is 236, 72, 153, and its HSL value is 330°, 81%, 60%. Use the values below to move the same color between web code, accessibility checks, palettes, and gradients.
#EC4899rgb(236, 72, 153)hsl(330 81% 60%)0.2477On #EC4899, black text provides the stronger black-or-white contrast. WCAG contrast still depends on the actual foreground, background, text size, and component being evaluated.
For WCAG 2.x, normal text uses 4.5:1 for AA and 7:1 for AAA. Qualifying large text uses 3:1 for AA and 4.5:1 for AAA.
These references are simple RGB mixes with white or black. They are useful starting points for exploration, not a substitute for perceptual palette tuning or contrast testing.
#EF63A8#F27FB8#C93D82#A5326BHEX, RGB, and HSL represent the same encoded sRGB color in different notations. Choose the form that fits the code or design system you are working in.
color: #EC4899; background-color: #EC4899; --color-reference: #EC4899;
Relative luminance is the WCAG calculation used to derive contrast ratio. #EC4899 has a relative luminance of 0.2477 on the 0-to-1 scale. That is why its contrast is 3.53:1 against white and 5.95:1 against black.
#EC4899 is rgb(236, 72, 153).
#EC4899 is hsl(330 81% 60%).
Black has the stronger contrast of the two: black is 5.95:1 and white is 3.53:1. Check the applicable WCAG target and the real interface context before finalizing the text color.