Lowercase Roman Numeral Seven (ⅶ) is the Unicode character at U+2176 in the Number Forms block. It looks like a small roman vii and is used for outlines, chapter labels, and formal numbering.
Remember
Character ⅶ
Unicode U+2176
Hex entity ⅶ
Decimal ⅶ
CSS escape \2176
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 vii when you only need ordinary text.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Direct character
ⅶ
HTML text (UTF-8)
Hex entity
ⅶ
HTML markup
Decimal entity
ⅶ
HTML markup
CSS escape
\2176
Stylesheet content
Named entity
—
Not defined in HTML5
When to use which
Situation
Use
Need the roman numeral glyph ⅶ
Type ⅶ, or ⅶ / ⅶ
Generated text via ::before / ::after
content: "\2176"
Uppercase roman numeral seven
Use Ⅶ (U+2166)
Ordinary letters vii (not a numeral)
Type vii
Looking for &romanvii; or similar
Does not exist — use numeric form
See it
Live Preview
Lowercase Roman Numeral Seven rendered in common writing contexts.
Inline textⅶ. Index
Large glyphⅶ
Outlineⅴ Five ⅵ Six ⅶ Seven
Monospacesection ⅶ → notes
With entitiesHex: ⅶ | Decimal: ⅶ
Code
Complete HTML Example
One page that shows Lowercase Roman Numeral Seven 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 Seven (ⅶ) in HTML</title>
<style>
#point::after {
content: "\2176";
}
</style>
</head>
<body>
<p>Lowercase Roman 7 using Hex Code: ⅶ</p>
<p>Lowercase Roman 7 using HTML Code: ⅶ</p>
<p id="point">Lowercase Roman 7 using CSS Entity: </p>
<p>Typed directly: ⅶ</p>
</body>
</html>
Lowercase Roman 7 using Hex Code: ⅶ
Lowercase Roman 7 using HTML Code: ⅶ
Lowercase Roman 7 using CSS Entity: ⅶ
Typed directly: ⅶ
How It Works
1. Hex:U+2176 → ⅶ in HTML. The browser turns it into ⅶ.
2. Decimal: same code point as 8566 → ⅶ. Same result as hex.
3. CSS: use \2176 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 Seven entities.
Named?
No named entity
HTML5 does not define &romanvii; or similar. Use numeric forms.
CSS vs HTML
Do not mix escapes
\2176 belongs in CSS. ⅶ / ⅶ belong in HTML.
ⅶ vs vii vs Ⅶ
Different characters
ⅶ is U+2176; letters vii are Basic Latin; uppercase Ⅶ is U+2166.
Fonts
Check the glyph
Number Forms support varies by font. If ⅶ is missing, fall back to vii or another font.
Semicolon
End references
Always finish with ; — write ⅶ, not ⅶ.
Lists
CSS list-style
For auto-numbered roman lists, prefer list-style-type: lower-roman instead of hard-coding ⅶ.
Compatibility
Browser Support
Lowercase Roman Numeral Seven (U+2176) and its numeric entity forms (ⅶ, ⅶ, CSS \\2176) are supported in all mainstream browsers. Glyph shape depends on the font.
✓ Universal support
Lowercase Roman 7 (ⅶ)
Encode with hex, decimal, or CSS escape — or paste ⅶ in UTF-8 HTML.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+2176 / entitiesFull support
Bottom line: Use ⅶ or ⅶ for the Unicode glyph, and \\2176 only inside CSS content. Prefer the letters vii for ordinary text.
Remember
Key Takeaways
Unicode: Lowercase Roman Numeral Seven is U+2176 (decimal 8566).
HTML: use ⅶ or ⅶ when you need an entity.
CSS: use \2176 inside content for generated text.
Default: use ⅶ for roman outlines; type vii for ordinary letters.
One line:U+2176 → ⅶ / ⅶ / CSS \2176, or paste ⅶ.
Frequently Asked Questions
Use ⅶ (hex), ⅶ (decimal), or the CSS escape \2176 in the content property. All render ⅶ. You can also paste ⅶ directly when your file is UTF-8.
U+2176 (hex 2176, decimal 8566). It belongs to the Number Forms Unicode block.
No. HTML5 does not define a named entity for ⅶ. Use numeric references like ⅶ or ⅶ.
Use it for outline labels, chapter markers, and typography that needs a true lowercase roman numeral glyph. For ordinary text, typing vii is usually enough.
No. The Latin letters that form vii are separate Basic Latin characters. Uppercase roman numeral seven is U+2166 (Ⅶ). Lowercase roman numeral seven is U+2176 (ⅶ) — a different character.
HTML entities (ⅶ or ⅶ) go in markup. The CSS escape \2176 is used in stylesheets (usually in the content property of ::before/::after). Both render ⅶ.
🤔
Did you know?
Lowercase roman numeral seven is Unicode U+2176 (decimal 8566). HTML5 has no named entity for it — use ⅶ or ⅶ. It is a different character from the letters vii and from uppercase roman Ⅶ (U+2166).