HTML Entity for Uppercase A Umlaut (Ä)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+00C4

HTML Entity for Uppercase A Umlaut (U+00C4) tutorial illustration

Definition

What Is the Uppercase A Umlaut Entity?

Uppercase A Umlaut (Ä) is the Latin-1 Supplement character at Unicode U+00C4 (LATIN CAPITAL LETTER A WITH DIAERESIS). HTML5 names it Ä. Use it for German, Swedish, Finnish, and other Latin-script text that needs Ä.

Remember

Character     Ä
Unicode       U+00C4
Named entity  &Auml;
Hex entity    &#xC4;
Decimal       &#196;
CSS escape    \00C4
Not the same  &auml; (ä) · &Atilde; (Ã) · A

Named, hex, decimal, CSS, and a typed character all produce the same glyph: Ä. Prefer Ä or Ä in HTML markup. For the lowercase form see ä; for A with tilde see Ã.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`Ä`	HTML markup (best default)
Hex entity	`Ä`	HTML markup
Decimal entity	`Ä`	HTML markup
CSS escape	`\00C4`	Stylesheet `content`
Direct character	`Ä`	UTF-8 HTML text

When to Use Which

Situation	Use
Capital A with umlaut/diaeresis	`Ä` or `Ä`
Numeric-only markup	`Ä` or `Ä`
Generated text via `::before` / `::after`	`content: "\00C4"`
Lowercase a with umlaut	Use ä (U+00E4)
Capital A with tilde	Use Ã (U+00C3)

See it

Live Preview

Ä in German context, compared with lowercase and tilde forms.

German Deutsch: Ägypten, MÄNNER

Large glyph Ä

Named entity Ä → Ä

vs look-alikes Ä | ä | Ã | A

With entities Named: Ä | Hex: Ä | Decimal: Ä

Code

Complete HTML Example

One page that shows Uppercase A Umlaut with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to display Ä in HTML and CSS.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Uppercase A Umlaut (Ä)</title>
  <style>
    #point::after {
      content: "\00C4";
    }
  </style>
</head>
<body>
  <p>Built with Named: &Auml;</p>
  <p>Built with Hex: &#xC4;</p>
  <p>Built with Decimal: &#196;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: Ä</p>
  <p lang="de">Deutsch: &Auml;gypten, M&Auml;NNER</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: Ä is the HTML5 name for U+00C4 → Ä (case-sensitive: capital A).

2. Hex: Ä inserts the same code point. Same visual as named.

3. Decimal: same code point as 196 → Ä.

4. CSS: use \00C4 in content (not an HTML entity). #point::after appends Ä.

5. Typed: paste Ä in a UTF-8 document, or write German text with Ä.

Pitfalls & Tips

Common mistakes when working with Uppercase A Umlaut.

Named

Prefer `Ä`

The name is case-sensitive. Ä is Ä; ä is ä. Do not mix them up.

Look-alikes

Ä ≠ ä ≠ Ã

Capital umlaut is Ä. Lowercase is ä. Tilde is Ã. Match case and accent to the word.

A11y

Use real letters

Prefer the precomposed character Ä (or Ä) over A + combining diaeresis when possible — screen readers and search handle it more reliably.

Fonts

Glyph coverage

Latin-1 Supplement is widely supported. Still set lang="de" (or the correct language) when the text is German.

CSS vs HTML

Do not mix escapes

\00C4 belongs in CSS. Ä / Ä / Ä belong in HTML.

Semicolon

End references

Always finish with ; — write Ä, not &Auml.

Compatibility

Browser Support

Uppercase A Umlaut (U+00C4) and its entity forms (Ä, Ä, Ä, CSS \\00C4) are supported in all modern browsers. Glyph coverage is excellent for Latin-1.

✓ Universal encoding

Uppercase A Umlaut (Ä)

Encode with named, hex, decimal, or CSS escape — or type Ä directly in UTF-8 HTML. Prefer Ä or Ä.

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+00C4 Full support

Bottom line: Prefer Ä or Ä for readable HTML. Use \\00C4 only inside CSS content. Do not confuse with ä or Ã.

Remember

Key Takeaways

Unicode: this symbol is U+00C4 (decimal 196) — Latin capital letter A with diaeresis.
HTML: prefer Ä — or use Ä / Ä.
CSS: use \00C4 inside content for generated text.
Watch out: Ä (Ä) ≠ ä (ä) ≠ Ã (Ã).

One line: U+00C4 → Ä / Ä / Ä / CSS \00C4.

Frequently Asked Questions

How do I display Uppercase A Umlaut (Ä) in HTML using entities?

Use Ä (named), Ä (hex), Ä (decimal), or the CSS escape \00C4 in the content property. All render Ä. Prefer Ä or Ä for readable markup.

What is the Unicode value for Uppercase A Umlaut?

U+00C4 (LATIN CAPITAL LETTER A WITH DIAERESIS). Hex C4, decimal 196, named entity Ä. It belongs to Latin-1 Supplement (U+0080–U+00FF).

Is there a named HTML entity for U+00C4?

Yes. HTML5 defines Ä for U+00C4. It is case-sensitive — write Auml with a capital A. Lowercase ä is a different character (ä).

How is U+00C4 different from U+00E4 or Ã?

U+00C4 (Ä) is capital A with diaeresis/umlaut. U+00E4 (ä) is lowercase a with umlaut. Ã (U+00C3) is capital A with tilde.

When should I use this HTML entity?

Use it for German, Swedish, Finnish, and other Latin-script text that needs Ä (for example Ägypten, MÄNNER).

What is the difference between HTML code and CSS entity for U+00C4?

HTML entities (Ä, Ä, or Ä) go in markup. The CSS escape \00C4 is used in stylesheets (usually in the content property of ::before/::after). Both render Ä.

Did you know?

Uppercase A Umlaut is Unicode U+00C4 (decimal 196) — glyph Ä (LATIN CAPITAL LETTER A WITH DIAERESIS) in Latin-1 Supplement. HTML5 names it Ä (case-sensitive — capital A). Prefer it for German, Swedish, and Finnish. Do not confuse it with lowercase ä (ä) or uppercase A tilde (Ã).

Next: Uppercase Ae

Learn the HTML entity for uppercase AE ligature — next in this sequence.

Continue tutorial →

About the author

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Uppercase A Tilde HTML Entity | Uppercase Ae