#3B6168 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3b6168 graphic
Reach for #3b6168 when a design needs a muted teal that feels moody without going black. This dark cyan is very low in saturation, which makes it a strong dominant base for dark mode UIs, aerospace styling, and serious brand palettes. It reads flat next to pure white, so warm accents like terracotta pull it forward. White text clears WCAG AA at about 6.8:1 contrast, keeping small body copy readable on the hex code #3b6168.

Questions about #3b6168

What is #3b6168 in RGB, HSL and CMYK?
In RGB, #3b6168 is rgb(59, 97, 104), in HSL hsl(189, 28%, 32%) and in CMYK 43%, 7%, 0%, 59%.
What colors pair well with #3b6168?
Warm accents make #3b6168 look richer than cool grays do. Try terracotta or muted gold for highlights, and cream text instead of pure white to soften the edges.
Is #3b6168 readable on white or black?
#3b6168 has a 6.78:1 contrast ratio on white and 3.09: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.