HTML Entity for Lowercase A Circumflex (â)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+00E2

HTML Entity for lowercase a circumflex (U+00E2) tutorial illustration

Definition

What Is the Lowercase A Circumflex Entity?

Lowercase a circumflex (â) is the Latin-1 Supplement character at Unicode U+00E2 (LATIN SMALL LETTER A WITH CIRCUMFLEX). It is the letter a with a circumflex (ˆ) — common in French, Portuguese, Romanian, and other languages.

Remember

Character     â
Unicode       U+00E2
Named entity  &acirc;
Hex entity    &#xE2;
Decimal       &#226;
CSS escape    \00E2
Capital       &Acirc; (Â)

Named, hex, decimal, CSS, and a typed character all produce the same glyph: â. Prefer â in HTML source for clarity.

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	`\00E2`	Stylesheet `content`
Direct character	`â`	UTF-8 HTML text

When to Use Which

Situation	Use
Readable HTML source	`â`
Numeric entity required	`â` or `â`
Generated text via `::before` / `::after`	`content: "\00E2"`
Capital Â	`Â` — see Uppercase A Circumflex
Acute á instead	See Lowercase A Acute (`á`)

See it

Live Preview

Lowercase a circumflex in French and comparison contexts.

French sample âge, château

Large glyph â

Named entity â → â

vs a / Â / á â | a | Â | á

With entities Named: â | Hex: â | Decimal: â

Code

Complete HTML Example

One page that shows this character with named, hex, decimal, and CSS forms. Use View Output or open the live editor.

Named + Hex + Decimal + CSS

Four ways to produce â in a single document.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Lowercase A Circumflex (&acirc;)</title>
  <style>
    #point::after {
      content: "\00E2";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &acirc;</p>
  <p>Using Hex Code: &#xE2;</p>
  <p>Using HTML Code: &#226;</p>
  <p id="point">Using CSS Entity: </p>
  <p lang="fr">Français: &acirc;ge, ch&acirc;teau</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: â is the clearest HTML form and renders â.

2. Hex: U+00E2 → â in HTML. Same result as the named entity.

3. Decimal: same code point as 226 → â. Same result as hex.

4. CSS: use \00E2 in content (not an HTML entity). #point::after appends that â after the paragraph text.

Pitfalls & Tips

Common mistakes when working with lowercase a circumflex.

Case

`â` ≠ `Â`

Named entities are case-sensitive. Lowercase is â; uppercase is Â.

Look-alikes

Not `á`, `ă`, or `&acaron;`

Acute á, breve ă, and caron ǎ are different diacritics. Circumflex is the ˆ shape on â.

Compose

Prefer precomposed

Use â instead of a plus combining circumflex when the precomposed form exists.

CSS vs HTML

Do not mix escapes

\00E2 belongs in CSS. â / â / â belong in HTML.

Encoding

Declare UTF-8

If you type â directly, keep <meta charset="UTF-8"> so the file is not misread.

Semicolon

End references

Always finish with ; — write â, not &acirc.

Compatibility

Browser Support

Lowercase a circumflex (U+00E2) and its entity forms (â, â, â, CSS \\00E2) are supported in all modern browsers.

✓ Universal encoding

Lowercase A Circumflex (â)

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

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

Bottom line: Prefer â for readable HTML. Use \\00E2 only inside CSS content.

Remember

Key Takeaways

Unicode: this character is U+00E2 (decimal 226).
HTML: prefer â — or use â / â.
CSS: use \00E2 inside content for generated text.
Watch out: â ≠ Â ≠ á ≠ &acaron;.

One line: U+00E2 → â / â / â / CSS \00E2.

Frequently Asked Questions

How do I display lowercase a circumflex (â) in HTML using entities?

Use â (named), â (hex), â (decimal), or the CSS escape \00E2 in the content property. All render â. Prefer â in HTML source.

What is the Unicode value for lowercase a circumflex?

U+00E2 (LATIN SMALL LETTER A WITH CIRCUMFLEX). Hex E2, decimal 226. It belongs to the Latin-1 Supplement block (U+0080–U+00FF).

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

Yes. â is the HTML5 named entity for â. The capital form is Â (Â, U+00C2) — names are case-sensitive.

When should I use this HTML entity?

Use it for French, Portuguese, Romanian, Vietnamese, Welsh, and other languages that need â, plus proper names and internationalized web content.

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

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

Is â the same as á, ă, or ǎ?

No. Acute á is á (U+00E1). Breve ă is &abreve; (U+0103). Caron ǎ is &acaron; (U+01CE). Circumflex â is â (U+00E2) — a different diacritic (ˆ).

Did you know?

Lowercase a circumflex is Unicode U+00E2 (decimal 226) — LATIN SMALL LETTER A WITH CIRCUMFLEX in Latin-1 Supplement. HTML5 provides â — the most readable form. Capital is Â (Â, U+00C2). Common in French (âge, château), Portuguese, Romanian, Vietnamese, and Welsh.

Next: Lowercase A Diaeresis Macron

Learn the HTML entity for Lowercase A Diaeresis Macron — 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 | Lowercase A Caron HTML Entity | Lowercase A Diaeresis Macron