Cetacean Blue
Meet Cetacean Blue (#061257), a deep, commanding shade that sits on the edge of black. Its profound darkness is punctuated by a subtle, yet distinct, navy undertone, giving it a sophisticated character that stands apart from simple primary colors and offers serious visual depth.
What color is Cetacean Blue?
Cetacean Blue is a profound, dark navy that borders on black.
It carries cool, violet undertones, giving it a rich, inky quality reminiscent of the deep sea.
What is the meaning of the color Cetacean Blue (#061257)?
Cetacean Blue embodies authority, trust, and intelligence, making it a color of profound stability and confidence. Its name, referencing majestic sea mammals, adds a layer of wisdom and mystery to its character.
This deep shade suggests introspection and a powerful, quiet strength. Historically, dark blues were prized and associated with importance, which reinforces its serious and professional tone today.
How can I use Cetacean Blue in my UI design?
Cetacean Blue works effectively as a foundational color, especially when contrasted with bright whites or soft grays to create a sharp, legible interface. Its depth makes it an excellent choice for primary UI elements like navigation bars or as an accent for buttons and links to guide user attention.
For color pairings, consider an analogous scheme with teals and greens for a calm, cohesive feel. Alternatively, a split-complementary approach using warm yellows or muted oranges can introduce energy without overwhelming the design. Applying the 60-30-10 rule, Cetacean Blue can serve as the dominant color for a corporate look or as the secondary color for a more balanced composition.
While not as common as other blues, #061257 is a color of choice for brands like Betterment and South China Morning Post, which aim to communicate authority and dependability. Its infrequent use can also give a product a distinct and memorable visual identity.
Use the tools below to explore curated palettes, test the contrast of your color combinations for accessibility, and see how Cetacean Blue looks in real UI components from popular applications.
How do I use the Cetacean Blue color codes?
Using Cetacean Blue in your projects starts with its hex code, #061257. While HEX is standard for the web, different mediums require different color models.
For instance, RGB is essential for digital screens, CMYK is built for print, and HSL allows for intuitive adjustments to the color's properties.
We've converted #061257 into a range of popular formats below, ready for you to copy and use in your design tools.
Analogous
Analogous colors are neighbors to Cetacean Blue on the color wheel. This combination creates a rich, harmonious palette that feels cohesive and serene.
Complementary
Complementary colors sit opposite each other on the color wheel. Paired with Cetacean Blue, they produce a vibrant, high-contrast visual effect.
Split Complementary
A split complementary scheme for Cetacean Blue uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. With Cetacean Blue, this creates a vibrant and balanced harmony.
Tetradic
A tetradic color scheme uses four colors arranged into two complementary pairs, offering a rich and vibrant palette built around Cetacean Blue.
Square
A square color scheme uses four colors evenly spaced on the color wheel. This creates a vibrant, high-contrast palette with Cetacean Blue as its foundation.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Cetacean Blue produces darker shades, which can add gravity and substance.
Tints
Tints of Cetacean Blue are made by mixing in white, resulting in softer, lighter tones.
Tones
Adding gray to Cetacean Blue creates tones, offering a more muted and subtle palette.
Hues
Hues are variations of Cetacean Blue, differing in intensity and 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.
