HTML Entity for Roman Numeral Fifty (Ⅼ)
What You'll Learn
How to display the Roman numeral fifty (Ⅼ) in HTML using hex, decimal, and CSS entity methods. This character is part of the Number Forms Unicode block and is the standard single-glyph uppercase Roman fifty.
Ⅼ has no named HTML entity, so you’ll use numeric references (Ⅼ or Ⅼ) or a CSS escape (\216C in content). Do not confuse Ⅼ with the Latin letter L (U+004C) or with the lowercase Roman fifty ⅼ (U+217C).
⚡ Quick Reference — Ⅼ Entity
U+216CNumber Forms block
ⅬHexadecimal reference
ⅬDecimal reference
\216CUse in CSS content
Name Value
──────────── ──────────
Unicode U+216C
Hex code Ⅼ
HTML code Ⅼ
Named entity (none)
CSS code \216CComplete HTML Example
This example demonstrates the Roman numeral fifty (Ⅼ) using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\216C";
}
</style>
</head>
<body>
<p>Roman Numeral Fifty using Hexa Decimal: Ⅼ</p>
<p>Roman Numeral Fifty using HTML Code: Ⅼ</p>
<p id="point">Roman Numeral Fifty using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The character Ⅼ (U+216C) is supported in all modern browsers. Rendering depends on font support for the Number Forms block, so include a sensible fallback font stack:
👀 Live Preview
See Ⅼ rendered in a few practical contexts:
L (U+004C) is not the same code point as Ⅼ (U+216C).🧠 How It Works
Hexadecimal Code
Ⅼ references Unicode 216C in hexadecimal to produce the glyph Ⅼ in HTML.
Decimal HTML Code
Ⅼ uses the decimal code point value 8556 to render the same character.
CSS Entity (Escape)
\216C is used in CSS (often in content) to generate Ⅼ in pseudo-elements like ::before and ::after.
Same visual result
All methods render Ⅼ. Unicode is U+216C (Number Forms). There is no named HTML entity for this character.
Use Cases
The Roman numeral fifty (Ⅼ) commonly appears in these scenarios:
Major divisions and top-level roman numbering in documents.
Front matter, chapter labels, and formal section numbering.
Volume numbers, copyright pages, and classical references.
Traditional clock numerals and title-card styling (where Ⅼ means 50).
Design systems that use Unicode Number Forms for authentic Roman glyphs.
CMS or template output that emits consistent numeric references.
💡 Best Practices
Do
- Use
ⅬorⅬwhen you need the Number Forms glyph - Verify font coverage for Number Forms (or provide fallbacks)
- Keep uppercase vs lowercase Roman levels consistent across a document
- Use CSS
contentwhen generating markers without extra markup - Document when Ⅼ is intentional versus the letter
Lfor reviewers
Don’t
- Confuse Ⅼ with ASCII
Lor with lowercase Roman ⅼ - Assume every custom webfont includes Ⅼ
- Mix hex and decimal references randomly on the same page
- Use the CSS escape in HTML text (it belongs in CSS)
- Expect a named entity (there isn’t one for Ⅼ)
Key Takeaways
Use numeric references in HTML
Ⅼ ⅬFor CSS, use the escape in the content property
\216CUnicode U+216C is standard Roman fifty (Ⅼ)
There is no named HTML entity for Ⅼ
Early form ↆ (U+2186) is a different historical glyph
❓ Frequently Asked Questions
Ⅼ (hex) or Ⅼ (decimal) in HTML. In CSS, use \216C in the content property. All render Ⅼ.U+216C (hex 216C, decimal 8556). It’s part of the Number Forms Unicode block.Ⅼ or Ⅼ) are used directly in markup. The CSS escape \216C is used in stylesheets (often in content on pseudo-elements). Same glyph, different layer.Ⅼ or Ⅼ instead of a named entity.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful