HTML Entity for Lowercase Roman Numeral Three (ⅲ)

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

What Is the Lowercase Roman Numeral Three Entity?

Lowercase Roman Numeral Three (ⅲ) is the Unicode character at U+2172 in the Number Forms block. It looks like a small roman iii and is used for outlines, chapter labels, and formal numbering.

Remember
Character     ⅲ
Unicode       U+2172
Hex entity    ⅲ
Decimal       ⅲ
CSS escape    \2172
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 letters iii 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\2172Stylesheet content
Named entity—Not defined in HTML5

When to use which

SituationUse
Need the roman numeral glyph ⅲType ⅲ, or ⅲ / ⅲ
Generated text via ::before / ::aftercontent: "\2172"
Uppercase roman numeral threeUse Ⅲ (U+2162)
Ordinary letters iii (not a numeral)Type iii
Looking for &romaniii; or similarDoes not exist — use numeric form

Live Preview

Lowercase Roman Numeral Three rendered in common writing contexts.

Inline text ⅲ. Glossary
Large glyph ⅲ
Outline ⅰ One   ⅱ Two   ⅲ Three
Monospace section ⅲ → notes
With entities Hex: ⅲ | Decimal: ⅲ

Complete HTML Example

One page that shows Lowercase Roman Numeral Three 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>Lowercase Roman Numeral Three (ⅲ) in HTML</title>
  <style>
    #point::after {
      content: "\2172";
    }
  </style>
</head>
<body>
  <p>Lowercase Roman 3 using Hex Code: &#x2172;</p>
  <p>Lowercase Roman 3 using HTML Code: &#8562;</p>
  <p id="point">Lowercase Roman 3 using CSS Entity: </p>
  <p>Typed directly: ⅲ</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2172 → &#x2172; in HTML. The browser turns it into ⅲ.

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

3. CSS: use \2172 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 Lowercase Roman Numeral Three entities.

Named?

No named entity

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

CSS vs HTML

Do not mix escapes

\2172 belongs in CSS. &#x2172; / &#8562; belong in HTML.

ⅲ vs iii vs Ⅲ

Different characters

ⅲ is U+2172; letters iii are Basic Latin; uppercase Ⅲ is U+2162.

Fonts

Check the glyph

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

Semicolon

End references

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

Lists

CSS list-style

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

Browser Support

Lowercase Roman Numeral Three (U+2172) and its numeric entity forms (&#x2172;, &#8562;, CSS \\2172) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Lowercase Roman 3 (ⅲ)

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+2172 / entities Full support

Bottom line: Use &#x2172; or &#8562; for the Unicode glyph, and \\2172 only inside CSS content. Prefer the letters iii for ordinary text.

Key Takeaways

  • Unicode: Lowercase Roman Numeral Three is U+2172 (decimal 8562).
  • HTML: use &#x2172; or &#8562; when you need an entity.
  • CSS: use \2172 inside content for generated text.
  • Default: use ⅲ for roman outlines; type iii for ordinary letters.

One line: U+2172 → &#x2172; / &#8562; / CSS \2172, or paste ⅲ.

Frequently Asked Questions

Use &#x2172; (hex), &#8562; (decimal), or the CSS escape \2172 in the content property. All render ⅲ. You can also paste ⅲ directly when your file is UTF-8.
U+2172 (hex 2172, decimal 8562). It belongs to the Number Forms Unicode block.
No. HTML5 does not define a named entity for ⅲ. Use numeric references like &#x2172; or &#8562;.
Use it for outline labels, chapter markers, and typography that needs a true lowercase roman numeral glyph. For ordinary text, typing iii is usually enough.
No. The Latin letters i, i, and i are separate Basic Latin characters. Uppercase roman numeral three is U+2162 (Ⅲ). Lowercase roman numeral three is U+2172 (ⅲ) — a different character.
HTML entities (&#8562; or &#x2172;) go in markup. The CSS escape \2172 is used in stylesheets (usually in the content property of ::before/::after). Both render ⅲ.

Did you know?

Lowercase roman numeral three is Unicode U+2172 (decimal 8562). HTML5 has no named entity for it — use &#x2172; or &#8562;. It is a different character from the letters iii and from uppercase roman Ⅲ (U+2162).

Next: 3 Roman

Learn the HTML entity for uppercase roman numeral three (Ⅲ) — a different character from ⅲ.

3 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