#0133AE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue commands authority and professional stability. With high contrast against white text, #0133ae works well as a primary brand color or a bold background for corporate and tech interfaces. It avoids the dullness of darker navies by maintaining a vivid, electric quality. Because of its intensity, use it sparingly in large blocks to keep your design from feeling overwhelming.
Questions about #0133ae
What is #0133ae in RGB, HSL and CMYK?
In RGB, #0133ae is rgb(1, 51, 174), in HSL hsl(223, 99%, 34%) and in CMYK 99%, 71%, 0%, 32%.
Where should I avoid using #0133ae in my UI designs?
Avoid using #0133ae as a background for large blocks of text, as its high intensity and electric saturation can cause visual fatigue. Instead, use this powerful blue for primary call-to-action buttons or small, meaningful interface accents.
What colors pair best with #0133ae?
Because #0133ae is so saturated, it works best when grounded by neutral tones. Pair it with a crisp white for maximum readability or a cool light gray to soften its impact without losing that professional, modern aesthetic.
Is #0133ae readable on white or black?
#0133ae has a 10.06:1 contrast ratio on white and 2.08: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.