Saint Patrick Blue

HEX: #23297A | Modern Palette

On White
12.58:1
PASS
On Black
1.67:1
FAIL

Color Specifications

HEX
#23297A
RGB
35, 41, 122
HSL
235°, 71% ,47%
CMYK
71.31, 66.39, 0, 52.16

About Saint Patrick Blue

Saint Patrick Blue (#23297A) is a color with RGB(35, 41, 122) and HSL(235.86°, 71.31%, 47.84%). In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #7A7423, which creates strong contrast. Its triadic palette includes #7A2329 and #297A23. The name comes from Saint Patrick Blue (English).

  • HEX: #23297A
  • RGB: 35, 41, 122
  • HSL: 235.86°, 71.31%, 47.84%
  • Style: Vivid, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #7A7423
  • Triadic colors: #7A2329, #297A23
  • The name comes from Saint Patrick Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #23297A from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Vivid Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #27277A
Protanopia #28287A
Tritanopia #003B3B
Achromatopsia #333333

Frequently Asked Questions

Saint Patrick Blue (#23297A) is a color with RGB(35, 41, 122) and HSL(235.86°, 71.31%, 47.84%).

#23297A pairs strongly with #7A7423 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#23297A is suitable for Text, Button, Accent and works well with Vivid, Cool styles.

The name Saint Patrick Blue is linked to Saint Patrick Blue from English, meaning A shade of blue historically associated with Saint Patrick and Ireland..

Name, History & Etymology

Origin Word Saint Patrick Blue
Meaning A shade of blue historically associated with Saint Patrick and Ireland.
Language English
First Recorded Use 18th Century

History

The color blue has a long and complex relationship with Ireland. Historically, the national color of Ireland was not green, but a shade of blue known as 'St. Patrick's Blue.' This blue was derived from the flag of the Kingdom of Ireland, which featured a gold harp on a blue field. This blue was also used in the regalia of the Order of St. Patrick, an Anglo-Irish chivalric order established in 1783. The specific shade of blue used by the Order was a lighter, sky blue. Over time, particularly with the rise of Irish nationalism in the 19th century, green became more strongly associated with Ireland, largely due to its connection with the shamrock and the 'Emerald Isle' moniker. However, 'Saint Patrick Blue' continues to be recognized as a historical color of Ireland.

First Recorded Use

While blue has been associated with Ireland for centuries, the specific term 'Saint Patrick Blue' or a similar descriptor for this particular shade gained prominence in the 18th century, particularly after the Order of St. Patrick was established in 1783, which used a sky blue.

Cultural Associations

Despite the modern association of Ireland with green, 'Saint Patrick Blue' holds significant historical and cultural weight. It represents an earlier period of Irish identity and symbolism. It is still seen in some historical contexts, such as the presidential standard of Ireland, which features a blue background. The color is also sometimes used in more traditional or formal representations of Irish heritage, distinguishing it from the more common green.

Similar Named Colors

Catalina Blue #062A78 ΔE 3.09
Resolution Blue #002387 ΔE 3.49
Midnight Blue #191970 ΔE 4.44
Air Force Blue (USAF) #00308F ΔE 4.55

Code Snippets

/* Background */
.element {
    background-color: #23297A;
}

/* Text */
.element {
    color: #23297A;
}

/* Border */
.element {
    border: 1px solid #23297A;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #23297A,
        #D1C523
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #23297A,
        #D1C523
    );
}

// SCSS variable
$saint-patrick-blue: #23297A;

// With RGB channels (useful for rgba() usage)
$saint-patrick-blue-r: 35;
$saint-patrick-blue-g: 41;
$saint-patrick-blue-b: 122;

// Usage
.element {
    background-color: $saint-patrick-blue;
    color: rgba($saint-patrick-blue-r, $saint-patrick-blue-g, $saint-patrick-blue-b, 0.8);
}