Blue Lagoon
General Information about Blue Lagoon
The hexadecimal color code #0D728E represents a shade of blue-cyan, often referred to as "Blue Lagoon". It is composed of 5.1% red, 44.7% green, and 55.7% blue. In the RGB color model, it is defined as (13, 114, 142). This color falls within the cool spectrum and evokes feelings of calmness, serenity, and trust. It is frequently associated with water, sky, and nature, making it a popular choice for branding and design elements that seek to convey these qualities. Understanding the components of this color is essential for designers looking to reproduce it accurately across different media and platforms. Also, it is useful to study the color for educational purposes to get a better grasp of colors overall.
The hex color #0D728E, also known as Blue Lagoon, presents some accessibility challenges, particularly concerning color contrast. When using this color for text or interactive elements, it's crucial to ensure sufficient contrast with the background. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text (14pt bold or 18pt regular) to meet AA compliance. For AAA compliance, these ratios increase to 7:1 and 4.5:1 respectively. Testing the color combination with an accessibility tool like WebAIM's Contrast Checker is highly recommended. If contrast is insufficient, consider darkening the color or using a lighter background. Also, avoid relying solely on color to convey information; use text labels or other visual cues to ensure inclusivity for users with color vision deficiencies. Proper use of ARIA attributes can further enhance accessibility.
Shades
Digital Color Formats
Alternative colors
- #2e86ab
A slightly lighter shade that maintains the essence of Blue Lagoon while offering improved contrast for text and interface elements, especially against white or light backgrounds. Useful for hover states or active indicators.
- #094a5e
A darker variation providing better readability and contrast for text and important interface elements. Suitable for headings, key actions, and scenarios where legibility is paramount. Complements lighter shades in a design.
- #3a788a
A desaturated version of Blue Lagoon, offering a more muted and sophisticated feel. Ideal for backgrounds, subtle accents, and situations where a less intense color is desired.
Applications
Web Design
In web design, Blue Lagoon is perfect for creating a calming and trustworthy aesthetic. It works wonderfully for website backgrounds, particularly for businesses in the wellness, travel, or technology sectors. Using it for navigational elements or call-to-action buttons can draw the user's eye without being overly aggressive. Pairing it with neutral colors like whites, grays, or light beiges creates a clean and modern look. It is also a good choice to bring brand recognition to your web projects and make the overall design more visually appealing.
Interior Design
In interior design, Blue Lagoon can transform a space into a tranquil retreat. It is suitable for bedroom walls, bathroom tiles, or as an accent color in living areas. To create a coastal or nautical theme, pair it with sandy browns and natural textures. For a more modern look, use it sparingly against a backdrop of cool grays and metallic accents. Incorporating this color into your home decor can promote relaxation, reduce stress, and make any space a more inviting place to spend time.
Fashion
Blue Lagoon can be incorporated into fashion through garments like blouses, dresses, or accessories such as scarves and handbags. It pairs well with denim for a casual look or can be dressed up with silver or gold accents for a more elegant ensemble. This color can also be used in makeup, such as eyeshadow or eyeliner, to create a subtle pop of color that complements a variety of skin tones. Consider using Blue Lagoon when you want to convey sophistication and confidence.