HTML Entity for Uppercase Oe Close Cut (Œ)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+0152
HTML entity for Latin capital ligature oe (U+0152) — named OElig, hex, decimal, and CSS tutorial

What You'll Learn

How to display the Latin capital ligature oe (Œ) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This is the uppercase form of the French oe ligature—used in capitalized words such as ŒUVRE and CŒUR, and in classical all-caps spellings.

This character is U+0152 (LATIN CAPITAL LIGATURE OE) in the Latin Extended-A block (U+0100–U+017F). Render it with Œ, Œ, Œ, or CSS escape \0152. The lowercase form is œ (U+0153, œ). Do not confuse Œ with IPA symbol ɶ or the digraph “OE.”

⚡ Quick Reference — Uppercase Oe Close Cut Entity

Unicode U+0152

Latin Extended-A

Hex Code Œ

Hexadecimal reference

HTML Code Œ

Decimal reference

Named Entity Œ

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+0152
Hex code       Œ
HTML code      Œ
Named entity   Œ
CSS code       \0152
Meaning        Latin capital ligature oe
Lowercase      U+0153 (œ, œ)
Related        U+00C6 = ae ligature (Æ, Æ)
Block          Latin Extended-A (U+0100–U+017F)
1

Complete HTML Example

A simple example showing Πusing the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\0152";
  }
 </style>
</head>
<body>
<p>Symbol (named): &OElig;</p>
<p>Symbol (hex): &#x0152;</p>
<p>Symbol (decimal): &#338;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The uppercase oe ligature (Œ) and the named entity &OElig; are supported in all modern browsers:

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

👀 Live Preview

See the uppercase oe ligature (Œ) in French and classical contexts:

Large glyph Œ
French ŒUVRE  |  CŒUR  |  ŒUF (capitalized)
Classical FŒTUS, HOMŒOPATHY (all caps)
Lowercase œ (U+0153) — use &oelig;
Not the same as two letters OE  |  ɶ (IPA)  |  œ (lowercase ligature)
Entity refs &#x0152; &#338; &OElig; \0152

🧠 How It Works

1

Named Entity

&OElig; is the HTML named entity for U+0152—readable in source HTML and part of the HTML5 entity set.

HTML markup
2

Hexadecimal Code

&#x0152; uses the Unicode hexadecimal value 0152 to display the uppercase oe ligature. The x prefix indicates hexadecimal format.

HTML markup
3

Decimal HTML Code

&#338; uses the decimal Unicode value 338 to display the same character.

HTML markup
4

CSS Entity

\0152 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+0152 sits in Latin Extended-A. Œ is a single ligature—do not confuse with two separate letters OE, lowercase œ (U+0153), or IPA ɶ (U+0276).

✅

Use Cases

The uppercase oe ligature (Œ) is commonly used in:

🇫🇷 French text

Capitalized words and titles where Œ is required (e.g. ŒUVRE, CŒUR, ŒUF).

📚 Language learning

Vocabulary, pronunciation guides, and dictionary entries showing uppercase French forms.

🌐 Internationalization

Headings, menus, and UI labels for French-speaking audiences.

📄 Classical typography

All-caps spellings such as FŒTUS and HOMŒOPATHY for style or historical accuracy.

📖 Latin-derived terms

Medical, legal, and scholarly words in capitalized or title-case form.

🔍 Search & SEO

Correct rendering so users can find French content; Πis distinct from OE.

📧 Forms & input

Name fields, addresses, and user input that may contain French characters in uppercase.

💡 Best Practices

Do

  • Use &OElig; in HTML when possible for readability
  • Serve pages as UTF-8; you can also type Œ directly in UTF-8 source
  • Set lang="fr" on French content for correct hyphenation and pronunciation
  • Distinguish Œ (ligature) from two letters OE, œ (lowercase), and ɶ (IPA)
  • Use fonts that support Latin Extended-A characters

Don’t

  • Substitute OE when Œ is required for correct French spelling
  • Confuse Œ (&OElig;) with œ (&oelig;, lowercase)
  • Use Œ when IPA symbol ɶ is intended—those are different characters
  • Put CSS escape \0152 in HTML text nodes
  • Mix entity styles randomly in one file

Key Takeaways

1

Four references render Œ; named entity is most readable

&OElig; &#x0152; &#338;
2

For CSS stylesheets, use the escape in the content property

\0152
3

Unicode U+0152 — LATIN CAPITAL LIGATURE OE

4

Latin Extended-A block; lowercase is U+0153 (œ, &oelig;)

5

Previous: Uppercase Oe (ɶ)   Next: Uppercase Oi

❓ Frequently Asked Questions

Use &OElig; (named), &#x0152; (hex), &#338; (decimal), or \0152 in CSS content. All four methods render Πcorrectly.
U+0152 (LATIN CAPITAL LIGATURE OE). Latin Extended-A block. Hex 0152, decimal 338. Named entity: &OElig;. Lowercase form: U+0153 (œ, &oelig;).
No. Π(U+0152) is one Unicode ligature character. Typing OE is two separate code points (U+004F + U+0045). In French, the ligature is often required for correct spelling and typography.
Œ (U+0152) is the uppercase oe ligature (&OElig;). œ (U+0153) is the lowercase oe ligature (&oelig;). ɶ (U+0276) is an IPA phonetic symbol—not the French ligature. Use the character that matches your text.
Yes. &OElig; is the named HTML entity for U+0152 and is the standard readable reference in HTML5 markup.

Explore More HTML Entities!

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

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Uppercase Oe (ɶ) Uppercase Oi