#363795 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, saturated indigo carries a serious, authoritative weight. Because it is so dark, #363795 provides excellent contrast for white typography, making it a strong choice for UI backgrounds or corporate branding. Pair it with soft cream tones instead of stark white to prevent it from looking too clinical. It works best as a primary base rather than a small accent.
Questions about #363795
What is #363795 in RGB, HSL and CMYK?
In RGB, #363795 is rgb(54, 55, 149), in HSL hsl(239, 47%, 40%) and in CMYK 64%, 63%, 0%, 42%.
Why does #363795 look harsh against stark white?
Because #363795 is highly saturated and deep, it creates aggressive visual tension when paired with cold, stark white typography. To soften this contrast and make designs feel more approachable, pair it with soft cream or off-white tones instead.
Where should #363795 be used in UI design?
Use #363795 as a primary base color to ground your interface rather than a small accent. Its authoritative weight makes it excellent for branding backgrounds or navigation bars where you need to project stability and professional trust.
Is #363795 readable on white or black?
#363795 has a 9.82:1 contrast ratio on white and 2.13: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.