Han Blue

HEX: #446CCF | Modern Palette

On White
4.89:1
PASS
On Black
4.29:1
FAIL

Color Specifications

HEX
#446CCF
RGB
68, 108, 207
HSL
222°, 67% ,81%
CMYK
67.15, 47.83, 0, 18.82

About Han Blue

Han Blue (#446CCF) is a color with RGB(68, 108, 207) and HSL(222.73°, 67.15%, 81.18%). It is commonly associated with Playful moods. In design, it fits Cool styles and is suitable for Text, Button, Background. Its complementary color is #CFA744, which creates strong contrast. Its triadic palette includes #CF446C and #6CCF44. The name comes from Han Blue (English).

  • HEX: #446CCF
  • RGB: 68, 108, 207
  • HSL: 222.73°, 67.15%, 81.18%
  • Mood: Playful
  • Style: Cool
  • Use case: Text, Button, Background
  • Complementary color: #CFA744
  • Triadic colors: #CF446C, #6CCF44
  • The name comes from Han Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Han Blue #446CCF 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.
 
 
HAN BLUE
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
HAN BLUE
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
HAN BLUE
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Han Blue #446CCF pairs with #CFA744 as its complementary color, and #CF446C and #6CCF44 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.

HAN BLUE
Analogous

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

HAN BLUE
Triadic

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

HAN BLUE
Split-Complementary

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

HAN BLUE
Tetradic (Square)

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

HAN BLUE
Monochromatic

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

HAN BLUE

Shades & Tints

The shade and tint range for Han Blue #446CCF moves from dark #050A14 tones through the base color to lighter #EBEFFA tones, making it useful for depth, hierarchy, and background variation.

HAN BLUE

Color Characteristics

Mood
Playful
Style
Cool
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #6262CF
Protanopia #6969CF
Tritanopia #007E7E
Achromatopsia #717171

Frequently Asked Questions

Han Blue (#446CCF) is a color with RGB(68, 108, 207) and HSL(222.73°, 67.15%, 81.18%).

#446CCF pairs strongly with #CFA744 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#446CCF is suitable for Text, Button, Background and works well with Cool styles.

#446CCF is commonly associated with Playful.

The name Han Blue is linked to Han Blue from English, meaning A synthetic barium copper silicate pigment developed in ancient China during the Han Dynasty..

Name, History & Etymology

Origin Word Han Blue
Meaning A synthetic barium copper silicate pigment developed in ancient China during the Han Dynasty.
Language English
First Recorded Use Western Han Dynasty

History

Han Blue is an artificial pigment that was synthesized in China. Its chemical composition is barium copper silicate (BaCuSi4O10). It is closely related to Han Purple (barium copper silicate, BaCuSi2O6), with the main difference being the ratio of copper to silicon. Both pigments were developed during the Han Dynasty, though evidence suggests their use might predate this period. Han Blue was used extensively in murals, pottery, and other artifacts, particularly for decorative purposes. Its production involved heating a mixture of quartz, barium mineral (like witherite or barite), a copper compound, and a lead salt (as a flux) to temperatures between 900-1000 °C. The exact method of its discovery is unknown, but it is believed to have been a byproduct or intentional development from glassmaking or bronze metallurgy processes. Production of Han Blue largely ceased around the end of the Han Dynasty, possibly due to political instability, changes in artistic preferences, or the difficulty and cost of its manufacture.

First Recorded Use

c. 206 BCE - 9 CE

Cultural Associations

Han Blue, along with Han Purple, represents a significant technological achievement in ancient China, demonstrating advanced understanding of chemistry and materials science. Its vibrant blue color was highly valued and used to depict skies, water, and decorative patterns on various objects, including the famous Terracotta Army figures (though much of the original paint has faded). The pigments were also used in wall paintings and on ceramic glazes. The knowledge of its synthesis was lost for centuries until modern scientific analysis rediscovered its composition.

Similar Named Colors
Royal Blue #4169E1 ΔE 2.49
Blue Yonder #5072A7 ΔE 4.99
Ultramarine Blue #4166F5 ΔE 5.24
Brandeis Blue #0070FF ΔE 5.64

Code Snippets

/* Background */
.element {
    background-color: #446CCF;
}

/* Text */
.element {
    color: #446CCF;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #446CCF,
        #EFDDAF
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #446CCF,
        #EFDDAF
    );
}

// SCSS variable
$han-blue: #446CCF;

// With RGB channels (useful for rgba() usage)
$han-blue-r: 68;
$han-blue-g: 108;
$han-blue-b: 207;

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