#164DCA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense blue demands attention with its high saturation. #164dca operates best as a bold accent or a primary call-to-action button rather than a full background, where its strength can overwhelm. White text is highly readable against this hue, boasting a strong 7.1:1 contrast ratio. When you need a reliable, professional anchor for your palette, the hex code #164dca delivers immediate clarity.
Questions about #164dca
What is #164dca in RGB, HSL and CMYK?
In RGB, #164dca is rgb(22, 77, 202), in HSL hsl(222, 80%, 44%) and in CMYK 89%, 62%, 0%, 21%.
Where should I use #164dca in my design?
#164dca works exceptionally well as a primary call-to-action button because it carries enough weight to capture attention instantly. Avoid using it as a full background, as its high saturation can quickly overwhelm the viewer and fatigue the eye during extended reading.
What colors pair well with #164dca?
Because #164dca is a intense blue, it pairs best with neutral tones to balance its energy. It creates a professional and clean look when combined with light gray for text or charcoal for strong structural contrast, ensuring your content remains highly readable.
Is #164dca readable on white or black?
#164dca has a 7.12:1 contrast ratio on white and 2.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.