Han Blue
Meet Han Blue (#446CCF), a vibrant shade that commands attention. Balancing on the edge of electric, its striking saturation and pure hue offer remarkable visual clarity, giving it a distinct character that feels both modern and assertive.
What color is Han Blue?
Han Blue is a vibrant, medium-dark shade of blue with a distinctly cool temperature, sitting confidently between a classic royal blue and a softer periwinkle.
It possesses a subtle violet undertone, lending it a sophisticated character that avoids the starkness of a pure primary blue.
What is the meaning of Han Blue in design?
Han Blue carries a rich legacy from ancient China, where this synthetic pigment was a symbol of innovation and prestige, often reserved for items of spiritual or royal importance.
Psychologically, this vibrant yet stable hue communicates trust, intelligence, and clarity, making it a color that feels both grounded and forward-thinking.
How can I use Han Blue in my UI design?
To apply Han Blue (#446CCF) effectively, use it to guide the user's eye. As a primary color, it offers a stable and confident base. As an accent against a neutral palette of whites and grays, it creates sharp, clear calls-to-action. For a more vibrant composition, consider a complementary pairing with a soft orange or yellow, which can add warmth and visual interest.
While not ubiquitous, shades similar to Han Blue appear in the branding of companies like Wikipedia, Betterment, and Slite. This suggests its value for brands that want to communicate reliability and intelligence without resorting to a more conventional navy. Its relative rarity also presents an opportunity for a product to stand out in a crowded market.
To see these principles in action, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview how Han Blue looks in real UI components from well-known apps.
How do I use the Han Blue color codes?
The hex code #446CCF is your starting point for using Han Blue in digital projects. This value can be directly translated into other color models for different applications. For instance, RGB (Red, Green, Blue) values define the color for screens, while CMYK (Cyan, Magenta, Yellow, Key/Black) is essential for print fidelity.
Beyond the basics, models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments, while systems like LAB and LCH are built around how humans perceive color, which is useful for creating perceptually uniform palettes.
To help you get started, we’ve converted Han Blue’s #446CCF into a full range of popular color code formats below, ready for you to copy and use in your work.
Analogous
Analogous colors sit side-by-side on the color wheel. When paired with Han Blue, they produce a cohesive and tranquil palette for designs.
Complementary
Complementary colors sit opposite each other on the color wheel. Paired with Han Blue, they create a high-contrast, visually striking effect.
Split Complementary
A split complementary scheme for Han Blue uses the two colors adjacent to its direct complement, creating a vibrant yet balanced and harmonious palette.
Triadic
A triadic scheme pairs Han Blue with two other colors, all equidistant on the color wheel, resulting in a bold and balanced combination.
Tetradic
Forming a rectangle on the color wheel, a tetradic scheme combines Han Blue with three other hues, creating two complementary pairs.
Square
A square color scheme pairs Han Blue with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Han Blue, made by adding black to create visual weight.
Tints
Tints of Han Blue are created by adding white, resulting in lighter, softer variations.
Tones
Tones of Han Blue are created by adding gray, which mutes the original color’s saturation.
Hues
Hues are variations of Han Blue, differing in intensity or temperature to create distinct moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.
