#3A6878 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted, grayed-out cyan. #3a6878 sits in a dim zone between blue and teal, where low saturation gives it an overcast, serious feel. It holds up as a UI background or supporting tone but can read muddy in large flat areas. White text reaches about 6.1:1 contrast on top, enough for AA body copy. The hex code #3a6878 pairs well with warm coral accents.
Questions about #3a6878
What is #3a6878 in RGB, HSL and CMYK?
In RGB, #3a6878 is rgb(58, 104, 120), in HSL hsl(195, 35%, 35%) and in CMYK 52%, 13%, 0%, 53%.
What colors pair well with #3a6878?
Warm accents work best, since they offset the color's gray undertones. Try coral or terracotta for accents, or soft cream for a calmer palette. Cool grays tend to flatten it.
Is #3a6878 readable on white or black?
#3a6878 has a 6.12:1 contrast ratio on white and 3.43: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.