Celestial Blue

HEX: #4997D0 | Modern Palette

On White
3.17:1
FAIL
On Black
6.62:1
PASS

Color Specifications

HEX
#4997D0
RGB
73, 151, 208
HSL
205°, 64% ,81%
CMYK
64.9, 27.4, 0, 18.43

About Celestial Blue

Celestial Blue (#4997D0) is a color with RGB(73, 151, 208) and HSL(205.33°, 64.9%, 81.57%). In design, it fits Cool styles and is suitable for Text, Button, Background. Its complementary color is #D08249, which creates strong contrast. Its triadic palette includes #D04997 and #97D049. The name comes from Celestial Blue (English).

  • HEX: #4997D0
  • RGB: 73, 151, 208
  • HSL: 205.33°, 64.9%, 81.57%
  • Style: Cool
  • Use case: Text, Button, Background
  • Complementary color: #D08249
  • Triadic colors: #D04997, #97D049
  • The name comes from Celestial 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 #4997D0 from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Cool
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #8686D1
Protanopia #9191D0
Tritanopia #2BA0A0
Achromatopsia #919191

Frequently Asked Questions

Celestial Blue (#4997D0) is a color with RGB(73, 151, 208) and HSL(205.33°, 64.9%, 81.57%).

#4997D0 pairs strongly with #D08249 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#4997D0 is suitable for Text, Button, Background and works well with Cool styles.

The name Celestial Blue is linked to Celestial Blue from English, meaning Relating to the sky or heavens; heavenly. A shade of blue..

Name, History & Etymology

Origin Word Celestial Blue
Meaning Relating to the sky or heavens; heavenly. A shade of blue.
Language English
First Recorded Use Late 18th - Early 19th Century (as a named color)

History

The term 'celestial' comes from the Latin 'caelestis', meaning 'heavenly, relating to the sky'. Blue, as a color, has been used since antiquity, derived from minerals like lapis lazuli. The combination 'Celestial Blue' evokes the clear, bright blue of the daytime sky, particularly when viewed as expansive and ethereal. It gained popularity as a descriptive color in art, fashion, and interior design, often associated with purity, tranquility, and the divine. Its use in pigments and dyes reflects a desire to capture the elusive beauty of the heavens.

First Recorded Use

While 'celestial' and 'blue' have ancient origins, the specific compound 'Celestial Blue' as a recognized color name likely emerged during the period when color nomenclature became more standardized and descriptive, often linked to pigments or natural observations. Exact first use is difficult to pinpoint but aligns with the Romantic era's appreciation for nature and the sublime.

Cultural Associations

Celestial Blue is often associated with spirituality, peace, and contemplation across various cultures. In Western cultures, it can represent divinity, truth, and stability. It's frequently used in religious art to depict heavenly scenes or divine figures. In fashion, it conveys elegance and serenity. Its connection to the sky makes it a universal symbol of openness and infinity. It can also be linked to dreams and imagination.

Similar Named Colors
Carolina Blue #56A0D3 ΔE 3.03
Rich Electric Blue #0892D0 ΔE 3.88
Blue Gray #6699CC ΔE 3.96
Cerulean Frost #6D9BC3 ΔE 4.74

Code Snippets

/* Background */
.element {
    background-color: #4997D0;
}

/* Text */
.element {
    color: #4997D0;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #4997D0,
        #EFCBB2
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #4997D0,
        #EFCBB2
    );
}

// SCSS variable
$celestial-blue: #4997D0;

// With RGB channels (useful for rgba() usage)
$celestial-blue-r: 73;
$celestial-blue-g: 151;
$celestial-blue-b: 208;

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