HTML Entity for Roman Numeral Ten (Ⅹ)

Beginner
⏱️ 5 min read
📚 Updated: Aug 2025
🎯 1 Code Example
Unicode U+2169

What You'll Learn

How to display Roman Numeral Ten (Ⅹ) in HTML using numeric entities (hex and decimal) and a CSS escape. This character is commonly used for chapter numbering, outlines, and typography where true roman numeral glyphs are preferred.

The character is part of the Number Forms Unicode block and is referenced as U+2169.

⚡ Quick Reference — Roman Numeral Ten (Ⅹ)

Unicode U+2169

Number Forms block

Hex Code Ⅹ

Hexadecimal reference

HTML Code Ⅹ

Decimal reference

Named Entity

No named entity available

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2169
Hex code       Ⅹ
HTML code      Ⅹ
Named entity   —
CSS code       \2169
1

Complete HTML Example

This example renders Ⅹ using the hex entity, decimal entity, and a CSS escape on a pseudo-element:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2169";
  }
 </style>
</head>
<body>

<p>Roman Ten using Hexa Decimal: &#x2169;</p>
<p>Roman Ten using HTML Code: &#8553;</p>
<p id="point">Roman Ten using CSS Entity: </p>

</body>
</html>
Try It Yourself

🌐 Browser Support

This Unicode character (Ⅹ) and its numeric entities are supported across modern browsers (typographic appearance may vary by font):

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See Ⅹ used in a few common outline / chapter numbering patterns:

Chapter label Chapter Ⅹ
Large glyph
Compared with letter X Roman: Ⅹ | Letter: X
With entities Hex: Ⅹ | Decimal: Ⅹ

🧠 How It Works

1

Hexadecimal Code

&#x2169; uses the Unicode hexadecimal value 2169 to render Ⅹ.

HTML markup
2

Decimal HTML Code

&#8553; uses the decimal Unicode value 8553 for the same character.

HTML markup
3

CSS Entity

\2169 is a CSS escape typically used in the content property of pseudo-elements.

CSS stylesheet
=

Same visual result

All methods render . Unicode U+2169 belongs to Number Forms.

Use Cases

Roman Numeral Ten (Ⅹ) is commonly used in:

📝 Outlines

Main sections and primary hierarchy markers.

📋 Lists & Numbering

Primary list levels using uppercase roman numerals.

📚 Academic Content

Chapters, volumes, and citation conventions.

📖 Books & Legal Docs

Parts/volumes labeled with roman numerals.

🎨 Typography

When you need true roman numeral glyphs.

🔢 Multi-level Numbering

Formats like Ⅹ.A.1 in technical docs.

💡 Best Practices

Do

  • Use roman numeral glyphs where convention expects them (chapters, outlines)
  • Keep one numeric entity style (hex or decimal) consistent in a document
  • Consider accessibility: use proper structure (<ol>, headings) for outlines
  • Test readability—Ⅹ can be confused with the letter X in some fonts

Don’t

  • Assume there is a named entity for Ⅹ (there isn’t)
  • Use CSS escapes inside HTML markup (use them in stylesheets only)
  • Use roman numerals for normal UI where “10” is clearer
  • Ignore font support for Number Forms in your UI

Key Takeaways

1

Ⅹ is Unicode U+2169 (Number Forms)

U+2169 &#x2169; &#8553;
2

For CSS stylesheets, use the escape in content

\2169
3

There is no named HTML entity for Ⅹ

4

In some fonts, Ⅹ can resemble the letter “X”—test for clarity

❓ Frequently Asked Questions

Use &#x2169; (hex), &#8553; (decimal), or \2169 in CSS content. All render Ⅹ.
U+2169 (hex 2169, decimal 8553) in Number Forms.
No. Ⅹ is a roman numeral character (Number Forms). It may look similar to “X” in some fonts, but it is a different Unicode code point.
Use “10” for clarity in general UI. Use Ⅹ when your content uses uppercase roman numerals by convention (chapters, primary outlines, typography).
Yes. Use the escape \2169 in the content property of ::before/::after.

Explore More HTML Entities!

Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.

All HTML Entities →

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