HTML Entity for Roman Numeral Five Hundred (Ⅾ)

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

What You'll Learn

How to display the Roman numeral five hundred (Ⅾ) 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 five hundred.

Ⅾ has no named HTML entity, so you’ll use numeric references (Ⅾ or Ⅾ) or a CSS escape (\216E in content). Do not confuse with the Latin letter D (U+0044) or with the lowercase Roman (U+217E).

⚡ Quick Reference — Ⅾ Entity

Unicode U+216E

Number Forms block

Hex Code Ⅾ

Hexadecimal reference

HTML Code Ⅾ

Decimal reference

CSS Code \216E

Use in CSS content

Reference Table
Name           Value
────────────   ──────────
Unicode        U+216E
Hex code       Ⅾ
HTML code      Ⅾ
Named entity   (none)
CSS code       \216E
1

Complete HTML Example

This example demonstrates the Roman numeral five hundred (Ⅾ) using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:

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

<p>Roman Numeral Five Hundred using Hexa Decimal: &#x216E;</p>
<p>Roman Numeral Five Hundred using HTML Code: &#8558;</p>
<p id="point">Roman Numeral Five Hundred using CSS Entity: </p>

</body>
</html>
Try It Yourself

🌐 Browser Support

The character Ⅾ (U+216E) is supported in all modern browsers. Rendering depends on font support for the Number Forms block, so include a sensible fallback font stack:

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

👀 Live Preview

See Ⅾ rendered in a few practical contexts:

Major division Book Ⅾ — Appendix
Versus lowercase ⅾ Uppercase Ⅾ · Lowercase ⅾ
Large glyph
Letter vs numeral Latin D (U+0044) is not the same code point as Ⅾ (U+216E).

🧠 How It Works

1

Hexadecimal Code

&#x216E; references Unicode 216E in hexadecimal to produce the glyph in HTML.

HTML markup
2

Decimal HTML Code

&#8558; uses the decimal code point value 8558 to render the same character.

HTML markup
3

CSS Entity (Escape)

\216E is used in CSS (often in content) to generate Ⅾ in pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All methods render . Unicode is U+216E (Number Forms). There is no named HTML entity for this character.

Use Cases

The Roman numeral five hundred (Ⅾ) commonly appears in these scenarios:

📄 Outlines

High-level roman divisions in long documents and specifications.

🎓 Academic

Front matter, copyright pages, and formal section labels.

📚 Publishing

Volume numbers and classical references using uppercase romans.

📝 Film & clocks

Title-card styling and traditional numeral faces where Ⅾ means 500.

🎨 Typography

Design systems using Unicode Number Forms for authentic Roman glyphs.

💻 Generated content

CMS or template output with explicit numeric references.

💡 Best Practices

Do

  • Use &#x216E; or &#8558; 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 content when generating markers without extra markup
  • Document when Ⅾ is intentional versus the letter D for reviewers

Don’t

  • Confuse Ⅾ with ASCII D or 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

1

Use numeric references in HTML

&#x216E; &#8558;
2

For CSS, use the escape in the content property

\216E
3

Unicode U+216E is standard Roman five hundred (Ⅾ)

4

There is no named HTML entity for Ⅾ

5

Lowercase counterpart is (U+217E)

❓ Frequently Asked Questions

Use &#x216E; (hex) or &#8558; (decimal) in HTML. In CSS, use \216E in the content property. All render Ⅾ.
U+216E (hex 216E, decimal 8558). It’s part of the Number Forms Unicode block.
Use it for outlines, main section numbering, academic or historical references, volume and chapter numbers, and any content where uppercase Roman numerals are required.
HTML numeric references (&#8558; or &#x216E;) are used directly in markup. The CSS escape \216E is used in stylesheets (often in content on pseudo-elements). Same glyph, different layer.
Number Forms characters are normally referenced with numeric Unicode codes. Use &#x216E; or &#8558; instead of a named entity.

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