#3A5160 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and dark, #3a5160 is a blue-gray with a dusty, slightly green undertone. Its low saturation gives interfaces a serious, controlled feel, making it effective for finance, security, technology, and government designs. Use the hex code #3a5160 as a supporting background or dominant dark base with white text, which reaches about an 8.3:1 contrast ratio.
Questions about #3a5160
What is #3a5160 in RGB, HSL and CMYK?
In RGB, #3a5160 is rgb(58, 81, 96), in HSL hsl(204, 25%, 30%) and in CMYK 40%, 16%, 0%, 62%.
What colors pair well with #3a5160?
#3a5160 pairs well with warm neutrals and muted terracotta, balancing its cool, dusty character without overpowering it. Pale warm tones add contrast, while deeper navy accents create a restrained, professional palette.
Is #3a5160 readable on white or black?
#3a5160 has a 8.31:1 contrast ratio on white and 2.52: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 is too faint for text. Try other pairs in the contrast checker.