HTML Entity for Uppercase A Ring (Å)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+00C5

What You'll Learn

How to display the uppercase A with ring above (Å) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. Essential for Scandinavian languages (Swedish, Norwegian, Danish) and Finnish, it appears in names and words such as Ångström and Åland. It is U+00C5 in the Latin-1 Supplement block.

Render it with Å, Å, Å, or CSS escape \00C5. The named entity Å is often the most readable option in HTML source.

⚡ Quick Reference — Uppercase A Ring Entity

Unicode U+00C5

Latin-1 Supplement

Hex Code Å

Hexadecimal reference

HTML Code Å

Decimal reference

Named Entity Å

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+00C5
Hex code       Å
HTML code      Å
Named entity   Å
CSS code       \00C5
Meaning        Latin capital letter A with ring above
Related        U+00E5 = å (lowercase)
Block          Latin-1 Supplement (U+0080–U+00FF)
1

Complete HTML Example

A simple example showing the uppercase A ring (Å) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\00C5";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#xC5;</p>
<p>Symbol (decimal): &#197;</p>
<p>Symbol (named): &Aring;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The uppercase A ring (Å) and the named entity &Aring; are supported in all modern browsers:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the uppercase A ring (Å) in Scandinavian and Nordic contexts:

Large glyphÅ
Swedish examplesÅngström, Åland
NorwegianÅlesund
Named entity&Aring; renders as Å
Numeric refs&#xC5; &#197; &Aring; \00C5

🧠 How It Works

1

Hexadecimal Code

&#xC5; uses the Unicode hexadecimal value C5 to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#197; uses the decimal Unicode value 197 to display the same character. One of the most commonly used methods in HTML.

HTML markup
3

Named Entity

&Aring; is the standard named entity for Å—readable in source HTML and part of the HTML5 entity set.

HTML markup
4

CSS Entity

\00C5 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All four methods produce the glyph: Å. Unicode U+00C5 sits in Latin-1 Supplement. Lowercase equivalent: U+00E5 (&aring;). Do not confuse with plain A (U+0041).

Use Cases

The uppercase A ring (Å) is commonly used in:

🌍 Scandinavian

Correct spelling of Swedish, Norwegian, Danish, and Finnish words and names (e.g. Ångström, Åland, Ålesund).

📚 Language Learning

Pronunciation guides, vocabulary, and dictionary entries for Nordic languages.

🌐 Internationalization

Websites and apps targeting Scandinavian or Finnish audiences.

📄 Publishing

Academic papers, books, and editorial content with Nordic names and place names.

🏷️ E-commerce

Product names, brand names, and descriptions for Nordic markets.

🔍 Search & SEO

Correct rendering so Nordic content is indexed and found by users searching for Å.

📧 Forms & Input

Name fields, addresses, and user input that may contain Scandinavian characters.

💡 Best Practices

Do

  • Use &Aring; in HTML when possible for readability
  • Serve pages as UTF-8; you can also type Å directly in UTF-8 source
  • Set lang="sv", lang="no", or lang="da" on Nordic content
  • Use fonts that support Latin-1 Supplement characters
  • Distinguish Å (ring) from plain A (U+0041)

Don’t

  • Substitute plain A when Å is required for correct Nordic spelling
  • Confuse Å (ring) with  (circumflex) or other accented A variants
  • Put CSS escape \00C5 in HTML text nodes
  • Assume all fonts render Latin-1 glyphs identically
  • Mix entity styles randomly in one file

Key Takeaways

1

Four references render Å; named entity is most readable

&#xC5; &#197; &Aring;
2

For CSS stylesheets, use the escape in the content property

\00C5
3

Unicode U+00C5 — LATIN CAPITAL LETTER A WITH RING ABOVE

4

Essential for Swedish, Norwegian, Danish, Finnish, and Nordic web content

❓ Frequently Asked Questions

Use &Aring; (named), &#xC5; (hex), &#197; (decimal), or \00C5 in CSS content. All four methods render Å correctly.
U+00C5 (LATIN CAPITAL LETTER A WITH RING ABOVE). Latin-1 Supplement block. Hex C5, decimal 197. Used in Swedish, Norwegian, Danish, and Finnish.
For Scandinavian names and words (e.g. Ångström, Åland, Ålesund), language learning and dictionary sites, internationalized Nordic content, academic publishing, and any text requiring correct Nordic spelling.
HTML code (&#197; or &#xC5;) or the named entity &Aring; is used in HTML content. The CSS entity (\00C5) is used in CSS, e.g. in the content property of pseudo-elements. Both produce Å but in different contexts.
Yes. The named HTML entity is &Aring;. It is part of the standard HTML5 entity set and is well supported. You can also use &#197; or &#xC5; for numeric references.

Explore More HTML Entities!

Discover 1500+ HTML character references — accented letters, symbols, 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