Cyan Cobalt Blue

HEX: #28589C | Modern Palette

On White
7.08:1
PASS
On Black
2.97:1
FAIL

Color Specifications

HEX
#28589C
RGB
40, 88, 156
HSL
215°, 74% ,61%
CMYK
74.36, 43.59, 0, 38.82

About Cyan Cobalt Blue

Cyan Cobalt Blue (#28589C) is a color with RGB(40, 88, 156) and HSL(215.17°, 74.36%, 61.18%). It is commonly associated with Playful moods. In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #9C6C28, which creates strong contrast. Its triadic palette includes #9C2858 and #589C28. The name comes from Cyan Cobalt Blue (English).

  • HEX: #28589C
  • RGB: 40, 88, 156
  • HSL: 215.17°, 74.36%, 61.18%
  • Mood: Playful
  • Style: Vivid, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #9C6C28
  • Triadic colors: #9C2858, #589C28
  • The name comes from Cyan Cobalt 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 #28589C from deepest shade to lightest tint.

Color Characteristics

Mood
Playful
Style
Vivid Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #4E4E9C
Protanopia #54549C
Tritanopia #006464
Achromatopsia #585858

Frequently Asked Questions

Cyan Cobalt Blue (#28589C) is a color with RGB(40, 88, 156) and HSL(215.17°, 74.36%, 61.18%).

#28589C pairs strongly with #9C6C28 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

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

#28589C is commonly associated with Playful.

The name Cyan Cobalt Blue is linked to Cyan Cobalt Blue from English, meaning A specific shade of blue, combining aspects of cyan and cobalt blue..

Name, History & Etymology

Origin Word Cyan Cobalt Blue
Meaning A specific shade of blue, combining aspects of cyan and cobalt blue.
Language English
First Recorded Use 20th Century

History

Cobalt blue as a pigment has a history dating back to ancient civilizations, though the modern cobalt aluminate pigment was discovered by Louis Jacques Thénard in 1802. Cyan, as a color concept, is fundamental to subtractive color models (CMYK) and gained prominence with color printing. The term 'Cyan Cobalt Blue' is not a historical pigment name but rather a descriptive color name that specifies a particular hue that leans towards the cyan end of the spectrum while still evoking the richness of cobalt blue. It's a modern descriptor, often used in art supplies, digital color palettes, and design to differentiate it from other blues.

First Recorded Use

The specific compound term 'Cyan Cobalt Blue' likely emerged as color naming became more precise, especially with the advent of standardized color systems and digital color representation. 'Cyan' as a color name became common in the late 19th/early 20th century, particularly with printing. 'Cobalt Blue' has a much longer history as a pigment. The combination suggests a modern refinement.

Cultural Associations

The combination of 'cyan' and 'cobalt blue' suggests a color that is both vibrant and deep. Cyan is often associated with water, sky, and technology, while cobalt blue carries connotations of stability, luxury, and artistic tradition. 'Cyan Cobalt Blue' therefore might evoke a sense of modern sophistication combined with classic depth. It's a color that can be seen as both refreshing and profound.

Similar Named Colors

B'dazzled Blue #2E5894 ΔE 1.04
Medium Teal Blue #0054B4 ΔE 3.12
Medium Electric Blue #035096 ΔE 3.28
USAFA Blue #004F98 ΔE 3.40

Code Snippets

/* Background */
.element {
    background-color: #28589C;
}

/* Text */
.element {
    color: #28589C;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #28589C,
        #E6A952
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #28589C,
        #E6A952
    );
}

// SCSS variable
$cyan-cobalt-blue: #28589C;

// With RGB channels (useful for rgba() usage)
$cyan-cobalt-blue-r: 40;
$cyan-cobalt-blue-g: 88;
$cyan-cobalt-blue-b: 156;

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