#1262BB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated blue projects confidence and reliability. Because #1262bb stands out without feeling aggressive, it serves as an excellent choice for UI call-to-action buttons or accent elements. It maintains strong contrast against white backgrounds, ensuring readability for users. While this bold hue works well in technology and finance branding, avoid using it as a full-page background to keep designs from feeling overwhelming.
Questions about #1262bb
What is #1262bb in RGB, HSL and CMYK?
In RGB, #1262bb is rgb(18, 98, 187), in HSL hsl(212, 82%, 40%) and in CMYK 90%, 48%, 0%, 27%.
How should I use #1262bb in user interface design?
#1262bb works best as an accent color for primary call-to-action buttons rather than a full-page background. Its high saturation commands immediate attention while remaining legible against white text or light gray backgrounds, ensuring your interface remains accessible and clear for all users.
What colors pair well with #1262bb for a balanced palette?
Pair #1262bb with neutral tones like light gray or pure white to maintain the focus on your primary action elements. For a more sophisticated contrast, try adding muted complementary accents like soft orange to create a dynamic visual hierarchy without causing eye strain.
Is #1262bb readable on white or black?
#1262bb has a 6.01:1 contrast ratio on white and 3.49: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.