#346AC9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, energetic blue demands attention without feeling abrasive. It pairs effectively with white for high-contrast accessibility in interface design, meeting AA standards for readability. Because #346ac9 conveys reliability and professional authority, it shines as an accent for call-to-action buttons in tech or finance branding. Avoid using it as a full-page background, as its intensity can easily overwhelm the viewer’s eye.
Questions about #346ac9
What is #346ac9 in RGB, HSL and CMYK?
In RGB, #346ac9 is rgb(52, 106, 201), in HSL hsl(218, 59%, 50%) and in CMYK 74%, 47%, 0%, 21%.
Where is the best place to use #346ac9 in interface design?
#346ac9 is ideal for call-to-action buttons and interactive UI elements because it conveys professional authority while maintaining high contrast. Its intense vibrancy ensures users notice these components immediately, though it is too visually heavy for large-scale background usage.
Is #346ac9 readable on white or black?
#346ac9 has a 5.18:1 contrast ratio on white and 4.05: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.