Pacific Blue

HEX: #1CA9C9 | Modern Palette

On White
2.77:1
FAIL
On Black
7.57:1
PASS

Color Specifications

HEX
#1CA9C9
RGB
28, 169, 201
HSL
191°, 86% ,78%
CMYK
86.07, 15.92, 0, 21.18

About Pacific Blue

Pacific Blue (#1CA9C9) is a color with RGB(28, 169, 201) and HSL(191.1°, 86.07%, 78.82%). It is commonly associated with Bold, Playful moods. In design, it fits Neon, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #C93C1C, which creates strong contrast. Its triadic palette includes #C91CA9 and #A9C91C. The name comes from Pacific Blue (English).

  • HEX: #1CA9C9
  • RGB: 28, 169, 201
  • HSL: 191.1°, 86.07%, 78.82%
  • Mood: Bold, Playful
  • Style: Neon, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #C93C1C
  • Triadic colors: #C91CA9, #A9C91C
  • The name comes from Pacific Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Pacific Blue #1CA9C9 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

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

Color Harmonies

Pacific Blue #1CA9C9 pairs with #C93C1C as its complementary color, and #C91CA9 and #A9C91C in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

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

PACIFIC BLUE
Analogous

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

PACIFIC BLUE
Triadic

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

PACIFIC BLUE
Split-Complementary

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

PACIFIC BLUE
Tetradic (Square)

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

PACIFIC BLUE
Monochromatic

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

PACIFIC BLUE

Shades & Tints

The shade and tint range for Pacific Blue #1CA9C9 moves from dark #031316 tones through the base color to lighter #E9F8FC tones, making it useful for depth, hierarchy, and background variation.

PACIFIC BLUE

Color Characteristics

Mood
Bold Playful
Style
Neon Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #9191CA
Protanopia #A1A1C9
Tritanopia #00ADAD
Achromatopsia #9B9B9B

Frequently Asked Questions

Pacific Blue (#1CA9C9) is a color with RGB(28, 169, 201) and HSL(191.1°, 86.07%, 78.82%).

#1CA9C9 pairs strongly with #C93C1C as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#1CA9C9 is suitable for Text, Button, Accent and works well with Neon, Cool styles.

#1CA9C9 is commonly associated with Bold, Playful.

The name Pacific Blue is linked to Pacific Blue from English, meaning A shade of blue reminiscent of the Pacific Ocean..

Name, History & Etymology

Origin Word Pacific Blue
Meaning A shade of blue reminiscent of the Pacific Ocean.
Language English
First Recorded Use Late 20th Century

History

The term 'Pacific Blue' evokes the vastness and characteristic color of the Pacific Ocean. The ocean's color itself is a result of light absorption and scattering by water molecules, dissolved organic matter, and phytoplankton. As a named color, 'Pacific Blue' falls into a category of blues that are often described as serene, deep, or tropical. Its use in design, fashion, and branding often aims to convey these qualities. The hex code #1ca9c9 specifically points to a vibrant, medium-light cyan-blue.

First Recorded Use

The specific color name 'Pacific Blue' likely gained traction with the advent of standardized color systems (like Pantone) and digital color representation. While the concept of a 'Pacific blue' existed earlier, its formal naming as a distinct color is more recent. Pantone 306 C is often associated with this hue.

Cultural Associations

In many cultures, blue is associated with tranquility, stability, and the divine. 'Pacific Blue' specifically can evoke images of tropical beaches, clear waters, and open skies, often used to represent nature, travel, and relaxation. It's a popular color in branding for companies related to water, tourism, and technology, aiming for a fresh and modern feel.

Similar Named Colors
Ball Blue #21ABCD ΔE 0.93
Bright Cerulean #1DACD6 ΔE 3.20
Blue Green #0D98BA ΔE 5.37
Bondi Blue #0095B6 ΔE 6.33

Code Snippets

/* Background */
.element {
    background-color: #1CA9C9;
}

/* Text */
.element {
    color: #1CA9C9;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #1CA9C9,
        #F7AC9B
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #1CA9C9,
        #F7AC9B
    );
}

// SCSS variable
$pacific-blue: #1CA9C9;

// With RGB channels (useful for rgba() usage)
$pacific-blue-r: 28;
$pacific-blue-g: 169;
$pacific-blue-b: 201;

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