HTML Entity for Circumflex Accent (U+0302)

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

What Is Circumflex Accent?

Combining circumflex accent (U+0302) is a combining mark in the Combining Diacritical Marks block. It does not stand alone like a normal letter — it stacks above the character that comes before it. Example: a + ̂ renders as â (same look as precomposed â).

Remember
Character     combining circumflex (after a base)
Unicode       U+0302
Hex entity    ̂
Decimal       ̂
CSS escape    \0302
Named entity  (none for U+0302)
Example       â → â
Not the same  ˆ U+02C6 (ˆ spacing) · ^ U+005E

Prefer a precomposed letter (e.g. â / â, ê / ê) for everyday text. Use U+0302 when you need to compose accents, work with NFD text, or attach a circumflex to a base that has no single precomposed form.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entitŷHTML markup (after base letter)
Decimal entitŷHTML markup (after base letter)
CSS escape\0302Stylesheet content string
Precomposed ââ / âNormal prose (often simpler)
Spacing circumflex ˆˆ / ˆStandalone mark (U+02C6) — not U+0302

When to Use Which

SituationUse
Normal words with â, ê, î, ô, ûPrecomposed letters (â, â, …)
Need combining mark in HTML sourceâ or â
Generated text via ::before / ::aftercontent: "a\0302"
Want a standalone spacing circumflex (ˆ)ˆ / U+02C6 — not U+0302
Circumflex under the letterU+032D

Live Preview

Combining circumflex after common bases (same code point, different letters).

Letters + circumflex â   ê   î   ô   û
Large (a + circumflex) â
In a word fôt (o + U+0302) vs fôt (precomposed)
vs. spacing / caret â combining  ·  ˆ spacing  ·  ^ caret
With entities Hex: â | Decimal: â

Complete HTML Example

One page that attaches U+0302 to the letter a with hex, decimal, CSS escape, and a typed combining sequence. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce â (a + combining circumflex) in one document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Combining Circumflex (U+0302) in HTML</title>
  <style>
    #point::after {
      content: "a\0302";
    }
  </style>
</head>
<body>
  <p>Circumflex using Hex Code: a&#x0302;</p>
  <p>Circumflex using HTML Code: a&#770;</p>
  <p id="point">Circumflex using CSS Entity: </p>
  <p>Typed directly: â</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: write the base letter, then &#x0302; → a&#x0302; becomes â.

2. Decimal: same mark as 770 → a&#770;. Same result as hex.

3. CSS: put base + escape in one string: content: "a\0302". #point::after appends that sequence after the paragraph text.

4. Typed: in UTF-8 you can type a then the combining circumflex. Order must stay base first, mark second.

Pitfalls & Tips

Common mistakes when working with combining circumflex.

Order

Base letter first

Write a&#x0302;, never put U+0302 before the letter you want to accent.

Named?

No named entity for U+0302

Use numeric forms. &circ; is for spacing ˆ (U+02C6), not the combining mark.

ˆ / ^

Not spacing circumflex or caret

Spacing ˆ (U+02C6) and caret ^ (U+005E) stand alone. U+0302 must follow a base character.

CSS vs HTML

Do not mix escapes

\0302 belongs in CSS strings. &#x0302; / &#770; belong in HTML.

Fonts

Combining support varies

Some fonts stack poorly. If layout looks wrong, prefer a precomposed letter for display text.

Semicolon

End references

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

Browser Support

Combining circumflex (U+0302) and its numeric entity forms (&#x0302;, &#770;, CSS \\0302) are supported in all mainstream browsers. Stacking quality depends on font support for combining marks.

✓ Universal support

Circumflex Accent (U+0302)

Encode with hex, decimal, or CSS escape after a base letter — same combining mark everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+0302 / entities Full support

Bottom line: Prefer precomposed letters for normal prose. Use &#x0302; or &#770; after a base letter when you need the combining mark, and \\0302 only inside CSS content strings.

Key Takeaways

  • Unicode: combining circumflex is U+0302 (decimal 770).
  • HTML: base first, then &#x0302; or &#770; (e.g. a&#x0302;).
  • CSS: use "a\0302" (or another base) inside content.
  • Default: use precomposed â / &acirc; for everyday text when you can.

One line: U+0302 → after a base letter as &#x0302; / &#770; / CSS \0302.

Frequently Asked Questions

Place &#x0302; (hex) or &#770; (decimal) immediately after a base letter — for example a&#x0302; for â-looking text. In CSS, use content: "a\0302". There is no named HTML entity for U+0302.
U+0302 (hex 0302, decimal 770). It belongs to the Combining Diacritical Marks block and stacks above the preceding base character.
No. Use numeric references like &#770; or &#x0302;. Note: &circ; is for spacing circumflex ˆ (U+02C6), not the combining mark.
Use U+0302 when composing accents dynamically, for NFD text, or bases without a precomposed form. For ordinary prose, prefer precomposed letters like â / &acirc;.
HTML entities (&#770; or &#x0302;) go in markup after the base letter. The CSS escape \0302 goes in stylesheet strings (usually content on ::before/::after), typically as "a\0302".
U+0302 is a combining mark that attaches to the previous character. ˆ (U+02C6 / &circ;) is a spacing modifier. ^ (U+005E / &Hat;) is the ASCII caret. Do not use them interchangeably.

Did you know?

Combining circumflex accent is Unicode U+0302 (decimal 770). It is a combining mark — place it after a base letter (e.g. a&#x0302; → â). HTML5 has no named entity for U+0302. &circ; maps to spacing circumflex (U+02C6 ˆ), not this mark.

Next: Circumflex Accent Below

Learn the HTML entity for combining circumflex accent below (U+032D).

Circumflex Accent Below 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