HTML Entity for Roman Numeral Three (Ⅲ)
What You'll Learn
How to display the Roman numeral three (Ⅲ) in HTML using numeric character references (hex and decimal) and a CSS escape for generated content.
This character belongs to the Number Forms Unicode block and is a single typographic glyph for the Roman numeral III, commonly used in outlines, headings, academic/historical references, and formal numbering.
⚡ Quick Reference — Roman Numeral Three Entity
U+2162Number Forms block
ⅢHexadecimal reference
ⅢDecimal reference
—No named entity for Ⅲ
Name Value
──────────── ──────────
Unicode U+2162
Hex code Ⅲ
HTML code Ⅲ
Named entity (none)
CSS code \2162Complete HTML Example
This example shows the Roman numeral three (Ⅲ) using hex code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2162";
}
</style>
</head>
<body>
<p>Roman Numeral Three using Hexa Decimal: Ⅲ</p>
<p>Roman Numeral Three using HTML Code: Ⅲ</p>
<p id="point">Roman Numeral Three using CSS Entity: </p>
</body>
</html>🌐 Browser Support
Roman numeral Ⅲ (U+2162) is supported in all modern browsers and devices with standard Unicode fonts:
If you see a fallback box, switch to a font with strong Unicode coverage (for example, a modern system UI font).
👀 Live Preview
See the Roman numeral three rendered in common UI and content contexts:
🧠 How It Works
Hexadecimal Code
Ⅲ uses the Unicode hexadecimal value 2162 to render Ⅲ. The x prefix indicates hexadecimal.
Decimal HTML Code
Ⅲ uses the decimal Unicode value 8546. It renders the same glyph Ⅲ.
CSS Entity
\2162 is a CSS escape used in the content property for pseudo-elements like ::before and ::after.
Same visual result
All methods produce the same character: Ⅲ. Unicode U+2162 is in the Number Forms block (U+2150–U+218F).
Use Cases
Roman numeral three (Ⅲ) is commonly used in these scenarios:
Number major sections: Ⅰ. Ⅱ. Ⅲ. Ⅳ. for a formal structure.
References like Volume Ⅲ, Act Ⅲ, or Part Ⅲ.
Clock numerals and stylized numbering systems.
Sectioning like Article Ⅲ in formal documents.
Use a single glyph instead of "III" for consistent typography.
Polished visual spacing compared to three separate characters.
💡 Best Practices
Do
- Use
ⅢorⅢfor portability (no named entity) - Pair Ⅲ with text on first use (e.g., Part Ⅲ (Three))
- Ensure your font supports Number Forms (U+2150–U+218F)
- Keep numbering consistent across a document (all uppercase Roman numerals)
- Use CSS escapes only in stylesheets (generated content)
Don’t
- Assume every font renders Ⅲ the same way
- Use CSS escapes like
\2162directly in HTML markup - Replace semantic lists with purely visual numbering
- Mix uppercase (Ⅲ) and lowercase (ⅲ) forms unintentionally
- Overuse Roman numerals where plain numbers are clearer
Key Takeaways
Use numeric references to render Ⅲ in HTML
Ⅲ ⅢFor generated content in CSS, use the escape
\2162Unicode U+2162 is in the Number Forms block
There is no named HTML entity for Ⅲ
Use Ⅲ for formal outlines, headings, and references where Roman numerals are expected
❓ Frequently Asked Questions
Ⅲ (hex) or Ⅲ (decimal) directly in HTML. For CSS generated content, use \2162 in the content property.U+2162 (hex 2162, decimal 8546) from the Number Forms Unicode block.Ⅲ or Ⅲ.Ⅲ / Ⅲ) are used in markup. The CSS escape \2162 is used in stylesheets for pseudo-element content. Both render Ⅲ.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