#381E74 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, saturated violet possesses a cool, brooding character that works well for moody UI backgrounds or premium branding. Because of its high contrast ratio with white, it serves as a bold base for readable text. The hex code #381e74 pairs best with soft, metallic golds or muted corals, which prevent the color from feeling too gloomy in large applications.
Questions about #381e74
What is #381e74 in RGB, HSL and CMYK?
In RGB, #381e74 is rgb(56, 30, 116), in HSL hsl(258, 59%, 29%) and in CMYK 52%, 74%, 0%, 55%.
What colors pair best with the dark violet #381e74?
This deep tone works beautifully with soft metallic gold or muted coral shades, which help soften its brooding nature. Using these lighter, warmer tones prevents the color from feeling too heavy or gloomy in large website headers or backgrounds.
Is #381e74 a good choice for text on a white background?
Yes, #381e74 offers excellent contrast against white, making it a reliable choice for readable text in UI design. Its saturated depth ensures characters stand out clearly while maintaining a sophisticated, premium aesthetic for branding or dark-mode interfaces.
Is #381e74 readable on white or black?
#381e74 has a 13.07:1 contrast ratio on white and 1.60: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.