American Blue
Meet American Blue (#3B3B6D), a deep and muted shade that commands attention without shouting. Its unique character stems from a sophisticated blend of navy and slate, giving it a solid presence and a touch of quiet complexity that sets it apart from primary blues.
What color is American Blue?
American Blue is a profound, cool-toned shade, marked by a distinct grayish quality that tempers its intensity.
Its desaturated nature gives it a sophisticated, slate-like appearance, often revealing a subtle violet undertone.
What is the meaning of the color American Blue (#3B3B6D) in design?
American Blue (#3B3B6D) evokes a sense of stability and trust, often associated with authority and deep thought.
Symbolically, it connects to American heritage, representing values like loyalty, justice, and perseverance.
How can I use American Blue (#3B3B6D) in my UI design?
In UI design, American Blue (#3B3B6D) works beautifully as a foundational color for a sophisticated and stable interface. Pair it with soft off-whites or light grays for crisp, readable text and a clean aesthetic. For a more dynamic composition, introduce a warm, contrasting accent like a muted ochre or a soft coral; this creates a split-complementary scheme that adds visual energy without sacrificing professionalism.
While not as common as brighter corporate blues, shades similar to American Blue are used by brands like Blue Apron and Walgreens to project reliability. Its relative rarity in branding presents an opportunity for a product to establish a distinct and memorable visual identity that feels both modern and grounded.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview how American Blue performs in real UI components from leading apps.
How do I use American Blue color codes?
While the hex code #3B3B6D is your go-to for web development, working across different media requires translating American Blue into other color models. Each model represents color differently, built for specific applications from digital displays to physical print.
For instance, RGB (Red, Green, Blue) values are fundamental for anything on a screen, as they define color through light. In contrast, CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for printed materials, defining color with ink. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments in your design software.
To help you get started, we’ve converted American Blue (#3B3B6D) into its corresponding values for various color models. You can find and copy these codes right below.
Analogous
Analogous colors sit next to each other on the color wheel. With American Blue, these neighboring shades produce a cohesive and tranquil palette.
Complementary
Complementary colors sit directly opposite each other on the color wheel. For American Blue, this pairing creates a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme pairs American Blue with the two colors adjacent to its opposite, creating a high-contrast look with less visual tension.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. For American Blue, this creates a vibrant, high-contrast, and balanced palette.
Tetradic
A tetradic scheme pairs American Blue with three other colors, forming two complementary pairs on the color wheel for a vibrant, balanced palette.
Square
A square color scheme uses four colors equidistant on the color wheel, giving American Blue a set of highly contrasting yet balanced companion colors.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of American Blue are darker versions made by adding black, creating depth and weight.
Tints
Tints of American Blue are created by adding white, which results in softer, lighter hues.
Tones
Tones of American Blue are created by mixing in gray, producing softer, desaturated variations.
Hues
Hues are variations of American 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.
