HTML Entity for Roman Numeral Fifty (Ⅼ)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+216C

What Is the Roman Numeral Fifty Entity?

Roman Numeral Fifty (Ⅼ) is the Unicode character at U+216C in the Number Forms block. It looks like an uppercase roman L and is used for outlines, chapter labels, and formal numbering for the value 50.

Remember
Character     Ⅼ
Unicode       U+216C
Hex entity    Ⅼ
Decimal       Ⅼ
CSS escape    \216C
Named entity  (none)

All of these produce the same glyph: Ⅼ. Prefer the Unicode character (or its entities) when you need a true roman numeral; type the letter L when you only need ordinary text.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct characterⅬHTML text (UTF-8)
Hex entityⅬHTML markup
Decimal entityⅬHTML markup
CSS escape\216CStylesheet content
Named entity—Not defined in HTML5

When to use which

SituationUse
Need the roman numeral glyph ⅬType Ⅼ, or Ⅼ / Ⅼ
Generated text via ::before / ::aftercontent: "\216C"
Lowercase roman numeral fiftyUse ⅼ (U+217C)
Ordinary letter L (not a numeral)Type L
Looking for &romanL; or similarDoes not exist — use numeric form

Live Preview

Roman Numeral Fifty rendered in common writing contexts.

Inline text Ⅼ. Index
Large glyph Ⅼ
Outline Ⅹ Ten   Ⅼ Fifty   Ⅽ Hundred
Monospace SECTION Ⅼ → NOTES
With entities Hex: Ⅼ | Decimal: Ⅼ

Complete HTML Example

One page that shows Roman Numeral Fifty with the hex entity, decimal entity, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

All four ways to produce Ⅼ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Roman Numeral Fifty (Ⅼ) in HTML</title>
  <style>
    #point::after {
      content: "\216C";
    }
  </style>
</head>
<body>
  <p>Roman 50 using Hex Code: &#x216C;</p>
  <p>Roman 50 using HTML Code: &#8556;</p>
  <p id="point">Roman 50 using CSS Entity: </p>
  <p>Typed directly: Ⅼ</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+216C → &#x216C; in HTML. The browser turns it into Ⅼ.

2. Decimal: same code point as 8556 → &#8556;. Same result as hex.

3. CSS: use \216C in content (not an HTML entity). #point::after appends that Ⅼ after the paragraph text.

4. Typed Ⅼ: fine in UTF-8 pages. All four lines show the same roman numeral.

Pitfalls & Tips

Common mistakes when working with Roman Numeral Fifty entities.

Named?

No named entity

HTML5 does not define &romanL; or similar. Use numeric forms.

CSS vs HTML

Do not mix escapes

\216C belongs in CSS. &#x216C; / &#8556; belong in HTML.

Ⅼ vs L vs ⅼ

Different characters

Ⅼ is U+216C; letter L is Basic Latin; lowercase ⅼ is U+217C.

Fonts

Check the glyph

Number Forms support varies by font. If Ⅼ is missing, fall back to L or another font.

Semicolon

End references

Always finish with ; — write &#8556;, not &#8556.

Lists

CSS list-style

For auto-numbered roman lists, prefer list-style-type: upper-roman instead of hard-coding Ⅼ.

Browser Support

Roman Numeral Fifty (U+216C) and its numeric entity forms (&#x216C;, &#8556;, CSS \\216C) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Roman 50 (Ⅼ)

Encode with hex, decimal, or CSS escape — or paste Ⅼ in UTF-8 HTML.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+216C / entities Full support

Bottom line: Use &#x216C; or &#8556; for the Unicode glyph, and \\216C only inside CSS content. Prefer the letter L for ordinary text.

Key Takeaways

  • Unicode: Roman Numeral Fifty is U+216C (decimal 8556).
  • HTML: use &#x216C; or &#8556; when you need an entity.
  • CSS: use \216C inside content for generated text.
  • Default: use Ⅼ for roman outlines; type L for ordinary letters.

One line: U+216C → &#x216C; / &#8556; / CSS \216C, or paste Ⅼ.

Frequently Asked Questions

Use &#x216C; (hex), &#8556; (decimal), or the CSS escape \216C in the content property. All render Ⅼ. You can also paste Ⅼ directly when your file is UTF-8.
U+216C (hex 216C, decimal 8556). It belongs to the Number Forms Unicode block.
No. HTML5 does not define a named entity for Ⅼ. Use numeric references like &#x216C; or &#8556;.
Use it for outline labels, chapter markers, and typography that needs a true uppercase roman numeral glyph for 50. For ordinary text, typing L is usually enough.
No. The Latin letter L is a separate Basic Latin character. Lowercase roman numeral fifty is U+217C (ⅼ). Uppercase roman numeral fifty is U+216C (Ⅼ) — a different character.
HTML entities (&#8556; or &#x216C;) go in markup. The CSS escape \216C is used in stylesheets (usually in the content property of ::before/::after). Both render Ⅼ.

Did you know?

Uppercase roman numeral fifty is Unicode U+216C (decimal 8556). HTML5 has no named entity for it — use &#x216C; or &#8556;. It is a different character from the letter L and from lowercase roman ⅼ (U+217C).

Next: 100 Lowercase Roman

Learn the HTML entity for lowercase roman numeral one hundred (ⅽ) — continuing the Number Forms series.

100 Lowercase Roman tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful