Color conversion
#016162Estuary Ink
About this color
Quiet authority with maritime calm
A concentrated, inky teal that reads almost black in dim light but reveals a clear, saline blue-green at closer inspection. It evokes composed depth and maritime calm with a quietly authoritative presence.
Designer tip
Use Estuary Ink as a primary hero background on digital screens with large, high-contrast white typography (800 weight for headings) and introduce a single warm metallic accent (brass or gold) to create an immediate premium focal point.
Best use case
Psychology
Psychological traits and emotional associations
Effect
Emotional impact
Meaning & symbolism
Cultural symbolism and significance
Cultural significance
Positive associations
Negative associations
Design applications
How this color is used across different fields
- Brand identity (financial services)
- Use Estuary Ink for primary logos and business cards to communicate stability and discretion; pair with warm-gold foil for prestige and legible white reverse type for clarity.
- Luxury spa interiors
- Apply as an accent wall or banquette upholstery to create a cocooning, marine-inspired atmosphere that feels both clean and restorative.
- Product packaging (artisan tea or apothecary)
- Use it as the base label color to signal natural provenance and depth, contrasted with cream labels and copper foil for tactile luxury.
- Digital dashboards
- Employ as header or nav background to reduce visual strain while using brighter greens or corals to indicate positive/negative states for clear data accents.
- Men’s outerwear and suiting details
- In fabrics (liners, trims, knitwear) it reads as refined and versatile, pairing well with tan leather and brushed metal hardware.
Design guidance
Practical tips for using this color effectively in your designs
Do this
- Use Estuary Ink as a ground color with bright white type for primary headings and keep body copy on light backgrounds for legibility.
- Introduce a single warm metallic (brass #C7A15A) or coral accent to create immediate visual hierarchy and emotional contrast.
- Test large areas at 80–90% opacity (or as a 10–20% white tint) when covering expansive walls or full-screen backgrounds to avoid visual heaviness.
Avoid this
- Don’t use it as the sole text color on dark images — low-contrast text will fail accessibility.
- Don’t pair it with multiple high-chroma cool colors at equal weight; it will feel muddy and indecisive.
- Don’t rely on it for energetic or playful brands that require high-luminance hues for warmth and excitement.
Fundamentals
Overuse risk
Brand fit
Industries and brand archetypes that align with this color
Trust level
Seriousness
Trend
Color pairing
Colors that complement and enhance this shade
#FF6B61
Warm coral complementary contrast — creates energetic focal points and a split-complementary pop (complementary harmony).
#013F44
Darker, almost-black teal for tonal/analogous depth — ideal for shadows, borders and subtle hierarchy (analogous/monochrome harmony).
#C7A15A
Muted warm gold/brass for metallic highlights and luxury accents, providing warm contrast and material richness (accent/contrasting harmony).
Typography hints
Historical significance
The story and heritage of this color
Deep bluish-greens like Estuary Ink have roots in pigments created by mixing early synthetic blues with natural green earths; historically, artists achieved similar tones by combining Prussian blue (early 18th century) or indigo with green earths or copper-based greens to reach a cool, saturated teal. Fishermen’s boat paints and coastal glazes have also produced comparable hues through local pigment and dye traditions.
In art and architecture, teal and deep green-blues surfaced as accent colors in Victorian ceramics and Art Deco interiors, chosen for their richness and ability to recede while retaining color identity. Fashion has periodically revived deep teals for outerwear and eveningwear because they read as both formal and natural—bridging the garden and the city.
Today Estuary Ink is prized in contemporary branding and interiors for its adaptable gravitas: it functions as a quiet neutral in luxury systems, an earthy statement in sustainable brands, and a moody backdrop in digital experiences where contrast and focus matter most.
Variations
The purpose of this section is to accurately produce tints (pure white added) and shades (pure black added) of your selected color in 10% increments.
Pro tip: Use shades for hover states and shadows, tints for highlights and backgrounds.
Shades
Darker variations created by adding black to your base color.
Tints
Lighter variations created by adding white to your base color.
Common use cases
- • UI component states (hover, active, disabled)
- • Creating depth with shadows and highlights
- • Building consistent color systems
Design system tip
These variations form the foundation of a cohesive color palette. Export them to maintain consistency across your entire project.
Color combinations
Each harmony has its own mood. Use harmonies to brainstorm color combos that work well together.
How to use
Click on any color to copy its hex value. These combinations are mathematically proven to create visual harmony.
Why it matters
Color harmonies create balance and evoke specific emotions in your designs.
Complement
A color and its opposite on the color wheel, +180 degrees of hue. High contrast.
Split-complementary
A color and two adjacent to its complement, +/-30 degrees of hue from the value opposite the main color. Bold like a straight complement, but more versatile.
Triadic
Three colors spaced evenly along the color wheel, each 120 degrees of hue apart. Best to allow one color to dominate and use the others as accents.
Analogous
Three colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
Monochromatic
Three colors of the same hue with luminance values +/-50%. Subtle and refined.
Tetradic
Two sets of complementary colors, separated by 60 degrees of hue.
Color theory principles
Balance
Use one dominant color, support with secondary, and accent sparingly.
Contrast
Ensure sufficient contrast for readability and accessibility.
Harmony
Colors should work together to create a unified visual experience.
Color contrast checker
Test color combinations to ensure they meet WCAG accessibility standards for text readability.
Contrast
WCAG standards
Advanced contrast checker
Fine-tune with sliders, multiple previews & more
Everybody is a Genius. But If You Judge a Fish by Its Ability to Climb a Tree, It Will Live Its Whole Life Believing that It is Stupid.
Technical formats
Explore advanced color space representations and professional color models used in video production, photography, scientific applications, and color management systems. These technical formats provide precise color specifications for specialized industries and applications.
Practical formats
Convert colors to practical formats for real-world applications including print simulation, LED displays, terminal output, and data encoding. These formats help you implement colors across different media, platforms, and physical devices.
Color analysis
Analyze color properties with advanced metrics including spectral composition, color purity, metamerism effects, and perceptual characteristics. These tools provide deep insights into color behavior and appearance under different viewing conditions.
Blindness simulator
Check how a color is perceived by people with different types of color blindness to create more accessible designs. Understanding color perception helps ensure your content is accessible to everyone.
Creative aspects
Explore the artistic and psychological dimensions of colors including seasonal associations, emotional impact, natural occurrences, historical pigments, and color mixing recipes for creative applications.