#20257A Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #20257a graphic
This saturated, deep indigo is both cool and authoritative. Because it sits at a dark value, #20257a functions best as a dominant base for professional UI or moody branding. The color provides excellent readability, as white copy achieves a 13.1:1 contrast ratio against the hex code. Use this tone carefully, as it can appear muddy when applied to small or intricate design elements.

Questions about #20257a

What is #20257a in RGB, HSL and CMYK?
In RGB, #20257a is rgb(32, 37, 122), in HSL hsl(237, 58%, 30%) and in CMYK 74%, 70%, 0%, 52%.
How should I use #20257a in web design?
#20257a functions best as a dominant base or primary brand color because of its heavy, professional weight. It creates high-contrast, accessible layouts when paired with white typography, making it an ideal choice for technical dashboards and formal corporate interfaces.
What colors pair well with #20257a?
This deep indigo works harmoniously with soft, warm neutrals to balance its cool intensity. You can successfully pair #20257a with cream or sand for a sophisticated look, or use a bright mustard accent to create a sharp, high-energy contrast.
Is #20257a readable on white or black?
#20257a has a 13.06: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.