HTML Entity for Ring Above (̊)
What You'll Learn
How to display the Ring Above combining mark (̊) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+030A (COMBINING RING ABOVE) in the Combining Diacritical Marks block (U+0300–U+036F)—used in phonetic transcriptions, IPA notation, and linguistic documentation.
Use ̊, ̊, or CSS \30A after a base character (e.g. å renders as å). There is no named HTML entity. Do not confuse ̊ with U+2218 (∘, ring operator / ∘) or U+00B0 (°, degree sign).
⚡ Quick Reference — Ring Above
U+030ACombining Diacritical Marks
̊Hexadecimal reference
̊Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+030A
Hex code ̊
HTML code ̊
Named entity (none)
CSS code \30A
Type Combining mark (needs base character)
Example å → å
Related U+2218 = ring operator (∘ / ∘)
U+00E5 = precomposed a with ring (å / å)
U+00B0 = degree sign (°)Complete HTML Example
A simple example showing Ring Above on the letter a using hexadecimal code, decimal HTML code, and a CSS content escape on ::after:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\30A";
}
</style>
</head>
<body>
<p>a with ring (hex): å</p>
<p>a with ring (decimal): å</p>
<p id="point">a with ring (CSS): a</p>
</body>
</html>🌐 Browser Support
The Ring Above combining mark (̊) is universally supported in all modern browsers when paired with a base character and the font includes Combining Diacritical Marks glyphs:
👀 Live Preview
See Ring Above (̊) combined with base characters in different contexts:
🧠 How It Works
Hexadecimal Code
̊ uses the Unicode hexadecimal value 030A. Place it after a base character: å → å.
Decimal HTML Code
̊ uses the decimal Unicode value 778. Example: å → å.
CSS Entity
\30A is used in CSS stylesheets in the content property of pseudo-elements like ::after, following a base character in markup.
Combined result
All three methods produce å when paired with base a. Unicode U+030A is a combining mark—it does not render meaningfully alone. Previous: Ring (U+2218, operator).
Use Cases
The Ring Above combining mark (̊) is commonly used in:
Mark specific phonetic features in IPA and linguistic notation.
Use in academic papers and research requiring precise diacritics.
Show pronunciation guides and alternate letter forms.
Include in comparative linguistics and phonetic analysis.
Display in language-learning resources and linguistic tutorials.
Render custom letter+diacritic combinations in web UIs.
💡 Best Practices
Do
- Always pair ̊ with a base character (e.g.
å) - Consider precomposed
å(å) when you only need å - Use
̊or̊for arbitrary base letters - Verify your font supports Combining Diacritical Marks
- Place the mark immediately after the base character in source order
Don’t
- Use ̊ alone—combining marks need a base glyph
- Confuse U+030A (combining) with U+2218 (ring operator) or U+00B0 (degree)
- Assume a named HTML entity exists—there is none for U+030A
- Use CSS
\30Ainside HTML text nodes without a base character - Rely on the mark alone without context for screen readers
Key Takeaways
Two HTML references plus CSS attach ̊ to a base character
̊ ̊For CSS, use \30A in the content property after a base letter
Unicode U+030A — COMBINING RING ABOVE (not a standalone letter)
Example: å renders as å (same visual as å in many fonts)
Previous: Ring Next: Ring Below
❓ Frequently Asked Questions
̊ (hex) or ̊ (decimal) immediately after a base character (e.g. å for å), or \30A in CSS content on ::after. There is no named HTML entity.U+030A (COMBINING RING ABOVE). Combining Diacritical Marks block (U+0300–U+036F). Hex 030A, decimal 778.̊ or ̊) go in markup after a base character. The CSS escape \30A is used in stylesheets, typically on ::after following a base letter in the element.å instead.Explore More HTML Entities!
Discover 1500+ HTML character references — combining marks, letters, symbols, and more.
About the author
8 people found this page helpful