#202E9E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Deep and saturated, #202e9e commands attention without shouting. This shade functions best as a dominant base in corporate branding or dark mode UI designs, where its serious tone sets a professional stage. It reads with plenty of contrast against white text, making it highly readable for interface components. While you might wonder about mixing purple, this hex code holds its own as a reliable, stable anchor color.
Questions about #202e9e
What is #202e9e in RGB, HSL and CMYK?
In RGB, #202e9e is rgb(32, 46, 158), in HSL hsl(233, 66%, 37%) and in CMYK 80%, 71%, 0%, 38%.
What colors pair well with #202e9e?
#202e9e works best when balanced by lighter neutrals. Because it is highly saturated, it pairs effectively with soft cream or light gray to maintain readability while ensuring the deep blue remains the primary focal point of the design.
Is #202e9e a good choice for user interfaces?
In user interfaces, #202e9e is an excellent choice for primary action buttons or headers because it offers high contrast against standard backgrounds. Its saturation helps guide the eye to interactive elements without feeling too aggressive or bright on the screen.
Is #202e9e readable on white or black?
#202e9e has a 10.79:1 contrast ratio on white and 1.94: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.