#340777 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dim, heavy violet with a cold, almost ink-like quality, #340777 sets a serious mood for dark UI designs. It functions best as a dominant base color rather than an accent, providing ample contrast for white text. Use this hex code to anchor luxury or spiritual branding, but avoid pairing it with other dark shades to prevent a muddy, overly gloomy composition.
Questions about #340777
What is #340777 in RGB, HSL and CMYK?
In RGB, #340777 is rgb(52, 7, 119), in HSL hsl(264, 89%, 25%) and in CMYK 56%, 94%, 0%, 53%.
How should #340777 be used in interface design?
This shade works best as a primary background for dark mode interfaces rather than an accent. Because it is so heavy, ensure your typography is set in a crisp, high-contrast white to maintain legibility and professional clarity across your site.
What color combinations work well with #340777?
Pair #340777 with lighter, muted neutrals or metallic silver tones to balance its density. Avoid placing it against other dark, saturated colors, as this can make the composition look muddy and lose the visual hierarchy required for effective UI design.
Is #340777 readable on white or black?
#340777 has a 14.55:1 contrast ratio on white and 1.44: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.