#263396 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo carries a grounded, authoritative weight suitable for corporate and financial branding. Because #263396 provides high contrast for white text, it functions best as a dominant background or a sturdy header color rather than a subtle accent. It feels steady and professional, but avoid overusing it in dark, moody layouts where it can easily dominate the visual hierarchy.
Questions about #263396
What is #263396 in RGB, HSL and CMYK?
In RGB, #263396 is rgb(38, 51, 150), in HSL hsl(233, 60%, 37%) and in CMYK 75%, 66%, 0%, 41%.
How should I use #263396 in web design?
#263396 functions best as a dominant background or a bold header color where you need to project stability and trust. Because it is highly saturated, avoid using it as a subtle accent, as it will naturally dominate the visual hierarchy.
What colors pair well with #263396?
Pair #263396 with neutral, lighter tones like cream or soft silver to balance its heavy, authoritative weight. If you need a secondary accent, stick to cooler grays rather than vibrant colors to maintain a professional, corporate aesthetic.
Is #263396 readable on white or black?
#263396 has a 10.51:1 contrast ratio on white and 1.99: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.