Color specimenNo. 14753096

#E11D48

Bright Pink

A deterministic reference card for #E11D48. Every value, scheme, and snippet below is computed from the hex — no database, no guesswork.

RGB
225, 29, 72
HSL
347°, 77%, 50%
Text
White on top

Tailwind CSS · rose

tailwind · rose 500

The Tailwind CSS utility classes bg-rose-500, text-rose-500, and friends all reference this hex value.

Scale context · rose

Click any step to jump to its landing page.

Class name
rose-500
Hex
#E11D48
Closest CSS named color
crimson
Full color breakdown
/color/e11d48

Developer snippets

Copy-ready code

Every snippet below is generated from the hex — not a hand-maintained table.

Conversions

Same color, seven encodings

Nearest matches

Closest in other design systems

Accessibility

Contrast against white & black

On white

The quick brown fox

Jumps over the lazy dog. Testing readability of #E11D48 as the text color.

4.70:1
AA passAAA failLarge pass

Rating · AA

On black

The quick brown fox

Jumps over the lazy dog. Testing readability of #E11D48 as the text color.

4.47:1
AA failAAA failLarge pass

Rating · AA Large

Recommendation

When using #E11D48 as a background, pair it with #ffffff text for the best WCAG contrast.

Contrast ratios only — one part of WCAG 2.1. Not a certification of accessibility or legal compliance.

Related Tailwind swatches

Other stops in rose