HTML Entity for Chi Rho (☧)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2627

What You'll Learn

How to display the Chi Rho (☧) in HTML using numeric references and CSS escapes. This character is U+2627 (CHI RHO) in the Miscellaneous Symbols block (U+2600–U+26FF). It is a Christogram formed from Greek Chi (Χ) and Rho (Ρ)—the first two letters of Christos (Χριστός).

There is no named HTML entity for U+2627. Use ☧, ☧, or \2627 in CSS content. U+2627 is a single precomposed symbol (☧), not the same as typing the Greek letters separately. Do not confuse it with the Caduceus U+2624 (☤).

⚡ Quick Reference — Chi Rho

Unicode U+2627

Miscellaneous Symbols block

Hex Code ☧

Hexadecimal reference

HTML Code ☧

Decimal reference

Named Entity

None (use numeric refs)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2627
Hex code       ☧
HTML code      ☧
Named entity   —
CSS code       \2627
1

Complete HTML Example

This example shows U+2627 using hexadecimal and decimal references plus a CSS content escape. There is no named HTML entity:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2627";
  }
 </style>
</head>
<body>
<p class="christogram">Chi Rho using Hexa Decimal: &#x2627;</p>
<p class="christogram">Chi Rho using HTML Code: &#9767;</p>
<p class="christogram" id="point">Chi Rho using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Chi Rho entity is supported in all modern browsers:

Chrome 1+
Firefox 1+
Safari 3.1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 3.2+

👀 Live Preview

See the Chi Rho in religious and historical contexts:

Page header ☧ St. Example Parish
Large glyph
Greek letters Symbol: ☧ (U+2627)   Letters: Χ + Ρ
vs Caduceus Chi Rho: ☧ (U+2627)   Caduceus: ☤ (U+2624)
Monospace refs &#x2627; &#9767; \2627

🧠 How It Works

1

Hexadecimal Code

&#x2627; uses the Unicode hexadecimal value 2627 to display the Chi Rho symbol.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\2627 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All three methods produce the Chi Rho glyph: . Unicode U+2627 sits in Miscellaneous Symbols (U+2600–U+26FF).

Use Cases

The Chi Rho (☧) commonly appears in:

⛪ Church websites

Parish pages, diocesan sites, and Christian organizations displaying the Christogram.

📜 History & Byzantium

Early Christianity, Byzantine art, and historical symbolism references.

📚 Education

Religious symbolism, Greek paleography, and Christian iconography lessons.

🎨 Design

Logos, headers, and decorative elements with traditional Christian motifs.

📖 Liturgical apps

Prayer resources, liturgical calendars, and devotional content.

🏛️ Museums

Exhibition sites describing artifacts or manuscripts with the Chi Rho.

♿ Accessibility

Use aria-label="Chi Rho Christogram" when the symbol carries meaning.

💡 Best Practices

Do

  • Use &#x2627; or &#9767; for the precomposed symbol
  • Provide context or a brief explanation for unfamiliar audiences
  • Use serif fonts with good symbol coverage (Noto Serif, Georgia)
  • Add aria-label="Chi Rho Christogram" on decorative uses
  • Set <meta charset="utf-8"> on all pages

Don’t

  • Confuse U+2627 (☧) with U+2624 Caduceus (☤)
  • Assume ΧΡ always renders identically to ☧
  • Put CSS escape \2627 inside HTML text nodes
  • Use the symbol without respectful context on religious pages
  • Mix entity styles randomly in one file

Key Takeaways

1

Two HTML references both render ☧

&#x2627; &#9767;
2

For CSS stylesheets, use the escape in the content property

\2627
3

U+2627 CHI RHO — Christogram (Χ + Ρ)

4

Miscellaneous Symbols block (U+2600–U+26FF)

5

No named HTML entity — use numeric references only

❓ Frequently Asked Questions

Use &#x2627; (hex), &#9767; (decimal), or \2627 in CSS content. All produce ☧. There is no named HTML entity.
U+2627 (CHI RHO). Miscellaneous Symbols block (U+2600–U+26FF). Hex 2627, decimal 9767. Christogram from Greek Chi and Rho, used since early Christianity.
For church websites, Christian symbolism, Byzantine and historical content, liturgical resources, museum exhibits, and decorative design with traditional motifs.
HTML numeric references (&#9767; or &#x2627;) go directly in markup. The CSS escape \2627 is used in stylesheets, typically in the content property of pseudo-elements.
No. Use &#x2627;, &#9767;, or \2627 in CSS. U+2627 is one precomposed glyph, not the same as typing Χ and Ρ separately.

Explore More HTML Entities!

Discover 1500+ HTML character references — religious symbols, dingbats, math operators, 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.

8 people found this page helpful