Maya Blue
Presenting Maya Blue (#73C2FB), a remarkably clear and vibrant shade. Its striking brightness and clean, digital feel make it a compelling choice for modern interfaces, offering a distinct character that separates it from more common web blues. It's a color that feels both fresh and precise.
What color is Maya Blue?
Maya Blue is a bright, cool-toned cerulean with a subtle green undertone, giving it a refreshing, sky-like quality.
It's a clear, mid-range blue that avoids the intensity of a primary shade while maintaining a distinct vibrancy.
What is the meaning of the color Maya Blue (#73C2FB)?
Maya Blue carries a deep historical weight, originally created by the Mayan civilization for sacred rituals. It symbolized life-giving water and was connected to their deities, representing both divinity and sacrifice.
Psychologically, the vibrant #73C2FB inspires tranquility and trust, while its bright quality adds a layer of optimism and clarity.
What are the best practices for using Maya Blue in UI design?
Maya Blue (#73C2FB) shines as an accent color, perfect for drawing attention to key actions, links, or illustrations without overwhelming the user. For a crisp, modern interface, pair it with a foundation of warm whites or soft grays. To create a more energetic composition, consider a triadic scheme with muted yellows and pinks, or an analogous palette with teals and lavenders for a harmonious feel.
While not a common choice for primary branding, this distinct shade of blue offers a chance to stand out. Brands like Mural and Bleacher Report have successfully used similar vibrant blues to build memorable and energetic identities. Using Maya Blue could signal freshness and innovation in a crowded market.
Use the tools below to explore curated palettes built around Maya Blue. You can also test its contrast ratios for accessibility compliance and preview how #73C2FB looks within the actual UI components of well-known apps.
How do I use the Maya Blue color codes?
To use Maya Blue in digital projects, the primary identifier is its hex code: #73C2FB. This six-digit format is the standard for specifying colors in HTML and CSS, making it the most direct way to implement the color on the web.
Different design tools and mediums require different color models. For instance, RGB values define color for digital screens by mixing red, green, and blue light, while CMYK is the standard for physical printing. Converting the base hex code ensures color consistency across all your assets, from websites to print collateral.
To make things easier, we've converted #73C2FB into a range of popular formats below that you can copy for your projects.
Analogous
Analogous color schemes use colors adjacent to Maya Blue on the color wheel, creating a harmonious and serene visual experience for users.
Complementary
To find a complementary color for Maya Blue, look directly opposite it on the color wheel. This pairing produces a vibrant, high-contrast combination.
Split Complementary
A split complementary scheme for Maya Blue uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.
Triadic
Triadic palettes pair three colors from equidistant points on the color wheel. This approach gives Maya Blue two partners for a bold, yet balanced, combination.
Tetradic
A tetradic scheme pairs Maya Blue with three other colors, forming two complementary sets for a rich and balanced visual effect.
Square
A square color scheme pairs Maya Blue with three other equidistant colors on the color wheel, producing a lively and balanced high-contrast effect.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Maya Blue are created by adding black, giving your designs more depth and weight.
Tints
Tints of Maya Blue are created by adding white, resulting in lighter, softer variations.
Tones
Tones of Maya Blue are created by adding gray, which softens the color’s saturation.
Hues
Hues are variations of Maya Blue, differing in intensity or temperature to create specific 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.
