HTML Entity for Ring Above (å)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+030A

What Is the Ring Above Entity?

Ring Above is the Combining Diacritical Marks character at Unicode U+030A (COMBINING RING ABOVE). It is a non-spacing mark — it attaches to the letter that comes before it (for example å → å).

Remember
Example       å
Unicode       U+030A
Hex entity    ̊
Decimal       ̊
Named entity  (none)
CSS escape    \30A
Not the same  å (å) · ˚ (˚) · ∘ (∘)

Always place the entity after a base character. Prefer ̊ when you want an explicit combining entity. For å / Å, prefer precomposed å / Å.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entitẙHTML markup after a base letter
Decimal entitẙHTML markup after a base letter
Named entityNoneHTML5 does not define one
CSS escape\30AStylesheet content (after a base)
Precomposed ååPrefer when you need å itself

When to Use Which

SituationUse
Ring on any base letterx̊ or x̊
å / Å in normal textå / Å
Generated text via ::before / ::aftercontent: "\30A" after a base letter
Standalone spacing ringUse ˚ (U+02DA) — not combining
Math composition operatorUse ∘ (U+2218)

Live Preview

Ring Above attached to letters, plus common look-alikes.

On letters å   Å   ů
Hex on a å → å
vs å å  |  å
vs ˚ / ∘ å  |  ˚  |  ∘
With entities Hex: å | Decimal: å

Complete HTML Example

One page that shows this combining mark with hex, decimal, and CSS on the letter a. Use View Output or open the live editor.

Hex + Decimal + CSS (on a)

Three ways to put Ring Above on a (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Ring Above (å)</title>
  <style>
    #point::after {
      content: "\30A";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: a&#x030A;</p>
  <p>Using HTML Code: a&#778;</p>
  <p id="point">Using CSS Entity: a</p>
  <p><code>Prefer &aring; for å: &aring;</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: write a base letter, then &#x030A;. The mark combines with that letter → å.

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

3. Named: HTML5 does not define a named entity for U+030A — use hex or decimal. For å, use &aring;.

4. CSS: use \30A in content. Here #point ends with a, and ::after appends the combining ring so it sits on that letter.

Pitfalls & Tips

Common mistakes when working with Ring Above.

Combining

Needs a base letter

Do not use &#x030A; alone. Write a&#x030A;, A&#x030A;, etc.

Precomposed

Prefer &aring; for å

For Swedish/Danish å, use &aring; (U+00E5). Combining is for bases without a precomposed form.

Look-alikes

å ≠ ˚ ≠ ∘

&ring; is spacing (U+02DA). &compfn; is math composition. U+030A is combining.

Named

No &…; name for U+030A

Do not invent a name. Use &#x030A; or &#778;.

CSS vs HTML

Do not mix escapes

\30A belongs in CSS. &#x030A; / &#778; belong in HTML.

Semicolon

End references

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

Browser Support

Ring Above (U+030A) and its entity forms (&#x030A;, &#778;, CSS \\30A) are supported in all modern browsers. Combining display depends on the font and shaping engine.

✓ Universal encoding

Ring Above (a&#x030A;)

Encode with hex, decimal, or CSS escape after a base letter. No named entity for U+030A.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+030A Full support

Bottom line: Prefer base&#x030A; in HTML. Use \\30A only inside CSS content. Prefer &aring; for å.

Key Takeaways

  • Unicode: this mark is U+030A (decimal 778) — combining, not spacing.
  • HTML: write a&#x030A; or a&#778;. No named entity for U+030A.
  • CSS: use \30A in content after a base letter.
  • Watch out: for å use &aring; — not &ring; or &compfn;.

One line: U+030A → base&#x030A; / base&#778; / CSS \30A (no named entity).

Frequently Asked Questions

Place &#x030A; (hex) or &#778; (decimal) immediately after a base character (e.g. a&#x030A;). Or use CSS \30A in content after a base letter. There is no named HTML entity for U+030A.
U+030A (COMBINING RING ABOVE). Hex 030A, decimal 778. It belongs to Combining Diacritical Marks (U+0300–U+036F).
No. HTML5 does not define a named entity for U+030A. Use numeric references like &#x030A; or &#778; after a base letter.
Use it in IPA, phonetics, and linguistic text when you need a ring above a letter that has no precomposed form. For å / Å, prefer &aring; / &Aring;.
HTML entities (&#778; or &#x030A;) go in markup after a base character. The CSS escape \30A is used in stylesheets (usually in content). Both produce the combining mark.
&aring; (U+00E5) is precomposed å. &ring; (U+02DA) is a spacing ring above. &compfn; (U+2218) is the math ring operator. U+030A is a combining mark that attaches to the previous character.

Did you know?

Ring Above is Unicode U+030A (decimal 778) — COMBINING RING ABOVE. HTML5 has no named entity — use &#x030A; or &#778; after a base letter (e.g. a&#x030A; → å). Prefer precomposed &aring; / &Aring; for å / Å when you can. Do not confuse it with spacing &ring; (U+02DA) or the ring operator &compfn; (U+2218).

Next: Ring Below

Learn the HTML entity for Ring Below — next in this sequence.

Continue 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