#3F167C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, dark violet feels serious and grounded. With its strong saturation and dim quality, #3f167c works best as a moody base color for dark interfaces or gaming aesthetics. White text maintains excellent contrast against this shade, making it a functional choice for text-heavy layouts. Keep it away from bright, acidic tones to avoid visual clutter, as it pairs more naturally with muted grays or cool, desaturated teals.
Questions about #3f167c
What is #3f167c in RGB, HSL and CMYK?
In RGB, #3f167c is rgb(63, 22, 124), in HSL hsl(264, 70%, 29%) and in CMYK 49%, 82%, 0%, 51%.
What design styles suit the #3f167c color?
#3f167c functions best in dark-themed interfaces where it provides a serious, grounded foundation. Because of its high saturation, it excels as a background color for gaming aesthetics or modern technology sites that require high contrast against white or light gray text.
How can I pair #3f167c without creating visual clutter?
Avoid using #3f167c alongside bright or acidic tones, which often clash with its deep, dim quality. Instead, maintain visual harmony by pairing it with muted grays or desaturated teals, as these complement the violet without overwhelming the overall layout design.
Is #3f167c readable on white or black?
#3f167c has a 12.98:1 contrast ratio on white and 1.61: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.