HTML Entity for Uppercase Oe Close Cut (Œ)

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

What Is Uppercase Oe Close Cut?

Uppercase Oe close cut (Œ) is the Unicode character at U+0152 in Latin Extended-A. Official name: LATIN CAPITAL LIGATURE OE — a single capital letter that joins O and E, used in French and related typography.

Remember
Character     Œ
Unicode       U+0152
Named entity  Œ  (capital OE)
Hex entity    Œ
Decimal       Œ
CSS escape    \0152
Not the same  œ · ɶ · OE

Prefer Œ in HTML markup — the capital OE in the name matters. Numeric forms and typing Œ in UTF-8 also work. For the lowercase letter, use œ (œ).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityŒHTML markup (preferred)
Direct characterŒHTML text (UTF-8)
Hex entityŒHTML markup
Decimal entityŒHTML markup
CSS escape\0152Stylesheet content
Lowercase (related)œ (U+0153)Named œ

When to Use Which

SituationUse
French capital OE ligature (Œ)Œ or type Œ
French lowercase oe ligature (œ)œ (œ)
IPA small capital OE (ɶ)ɶ (ɶ)
Capital O with diaeresis (Ö)Ö (Ö)
Two ASCII letters O+EOE — not the same as one ligature Œ
Generated text via ::before / ::aftercontent: "\0152"

Live Preview

Uppercase OE ligature rendered alone and next to related letters.

Large glyph Œ
Notation ŒUVRE
Compared Œ  |  œ  |  ɶ  |  OE
Hint Compare: Capital Œ | Lower œ | IPA ɶ | Digraph OE
With entities Named: Œ | Hex: Œ | Decimal: Œ

Complete HTML Example

One page that shows the letter 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 produce Œ, plus a short French word.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Uppercase Oe Close Cut (Œ)</title>
  <style>
    #point::after {
      content: "\0152";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &OElig;</p>
  <p>Using Hex Code: &#x152;</p>
  <p>Using HTML Code: &#338;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: Œ</p>
  <p lang="fr">Fran&ccedil;ais: &OElig;UVRE</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &OElig; (capital OE) is the clearest HTML form for U+0152. Lowercase &oelig; is a different character (œ).

2. Hex: U+0152 → &#x152; in HTML. Same glyph as the named entity.

3. Decimal: same code point as 338 → &#338;. Same glyph as hex and named.

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

5. Typed / word: paste Œ in UTF-8, or write &OElig;UVRE with lang="fr".

Pitfalls & Tips

Common mistakes when working with U+0152.

Case

&OElig; ≠ &oelig;

&OElig; → Œ (capital). &oelig; → œ (lowercase). Entity names are case-sensitive.

vs OE

Not two ASCII letters

Typing OE is not the same as one precomposed ligature. Prefer &OElig; for French spelling.

vs ɶ

Not the IPA symbol

ɶ is IPA small capital OE. Œ is the French capital ligature — different code points and uses.

vs Ö

Not an umlaut

Ö (&Ouml;) is Ö with two dots. Œ joins O and E into one letter.

Encoding

Keep UTF-8 declared

Latin Extended-A letters display reliably with <meta charset="UTF-8">. Prefer named entities when encoding is uncertain.

CSS vs HTML

Do not mix escapes

\0152 belongs in CSS strings. &OElig; / &#x152; / &#338; belong in HTML.

A11y

Use real language context

When Œ appears in French words, keep surrounding text and lang accurate (for example lang="fr").

Browser Support

Uppercase OE ligature (U+0152) and its entity forms (&OElig;, &#x152;, &#338;, CSS \\0152) are supported in all mainstream browsers. Latin Extended-A glyphs are widely available in system fonts.

✓ Universal support

Uppercase Oe Close Cut (&#x0152;)

Encode with named, hex, decimal, CSS escape, or type the character — same code point 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+0152 / &OElig; Full support

Bottom line: Prefer &OElig; (capital OE) in HTML. Use \\0152 only inside CSS content. Do not confuse with &oelig; (œ) or IPA ɶ.

Key Takeaways

  • Unicode: uppercase OE ligature is U+0152 (decimal 338) — glyph Œ.
  • HTML: prefer &OElig; (capital OE) — also &#x152; / &#338;.
  • CSS: use \0152 inside content for generated text.
  • Meaning: Œ is French capital ligature — not œ (&oelig;), not ɶ (IPA), not digraph OE.

One line: U+0152 → &OElig; / &#x152; / &#338; / CSS \0152.

Frequently Asked Questions

Use &OElig; (named), &#x152; (hex), &#338; (decimal), type Œ directly in UTF-8, or the CSS escape \0152 in content. Prefer &OElig; in normal HTML.
U+0152 (LATIN CAPITAL LIGATURE OE). Hex 152, decimal 338. It belongs to Latin Extended-A (U+0100–U+017F).
Yes. Use &OElig; (capital OE). Numeric forms &#338; and &#x152; also work. Note: &oelig; (lowercase) is a different letter (œ).
No. Œ is U+0152 (&OElig;, French capital ligature). œ is U+0153 (&oelig;). ɶ is IPA small capital OE (U+0276), not the French letter.
Use it for French and other text that needs capital Œ — for example ŒUVRE or CŒUR — not as a substitute for OE digraph typing or the IPA symbol.
HTML entities (&OElig;, &#338;, or &#x152;) go in markup. The CSS escape \0152 goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Uppercase OE ligature is Unicode U+0152 (decimal 338) — glyph Œ in Latin Extended-A (U+0100–U+017F). HTML5 names it &OElig; (capital OE). Official name: LATIN CAPITAL LIGATURE OE. Lowercase is &oelig; (œ, U+0153). Essential in French (ŒUVRE, CŒUR). Do not confuse with IPA small capital OE ɶ (U+0276) or the two-letter digraph OE.

Next: Uppercase Oi

Learn the HTML entity for Latin capital letter OI (U+01A2).

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