#3A7074 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated teal carries a cool, grounded presence. Because it sits on the darker side of cyan, #3a7074 works effectively as a stable base or a supporting secondary tone in tech interfaces. It pairs particularly well with warm terracotta or soft creams to offset its chill. While white text provides sufficient contrast for accessibility, use this color sparingly to avoid a muddy appearance in large blocks.
Questions about #3a7074
What is #3a7074 in RGB, HSL and CMYK?
In RGB, #3a7074 is rgb(58, 112, 116), in HSL hsl(184, 33%, 34%) and in CMYK 50%, 3%, 0%, 55%. Browse more shades of blue with names and hex codes.
What colors pair well with #3a7074?
This color creates sophisticated balance when paired with warm, earthy tones like terracotta or soft, neutral creams. Its cool, dusty nature acts as a grounded anchor against these warmer hues, preventing the palette from feeling too energetic or overwhelming.
Is #3a7074 suitable for text and UI elements?
Because of its darker saturation, #3a7074 works effectively as a secondary tone or a stable background in tech interfaces. When using it for text, ensure you check the contrast ratio against the background to maintain accessibility, as its muted quality can reduce readability.
Is #3a7074 readable on white or black?
#3a7074 has a 5.60:1 contrast ratio on white and 3.74:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.