#3A364F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated violet creates a somber tone for modern interfaces. Because it is quite dark and muted, #3a364f functions best as a background color for dark mode designs rather than a foreground element. It offers excellent contrast for white typography, making it a reliable choice for readable, moody layouts. Pair it with soft, warm metallics to avoid a flat or muddy appearance.
Questions about #3a364f
What is #3a364f in RGB, HSL and CMYK?
In RGB, #3a364f is rgb(58, 54, 79), in HSL hsl(250, 19%, 26%) and in CMYK 27%, 32%, 0%, 69%.
What design palettes pair best with #3a364f?
#3a364f creates a sophisticated, grounded aesthetic when paired with soft gold or warm cream accents. Because this violet is quite muted and dark, these metallic or warm off-white tones prevent the overall interface from feeling too flat or overly clinical.
Is #3a364f suitable for text on a dark background?
Using #3a364f as a background is highly recommended over using it for foreground text. Since it is a dark, desaturated shade, it lacks the necessary contrast against black or other dark surfaces, but it provides an excellent, readable canvas for white or very light text.
Is #3a364f readable on white or black?
#3a364f has a 11.53:1 contrast ratio on white and 1.82: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.