#0766D1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated blue commands attention with its intense, high-energy presence. Because #0766d1 carries significant visual weight, it works best as a sharp accent color or call-to-action button rather than a large background. It pairs exceptionally well with clean white text, meeting accessibility standards for small body copy. Use this hex code to inject immediate reliability and professional focus into your UI designs.
Questions about #0766d1
What is #0766d1 in RGB, HSL and CMYK?
In RGB, #0766d1 is rgb(7, 102, 209), in HSL hsl(212, 94%, 42%) and in CMYK 97%, 51%, 0%, 18%. Browse more shades of blue with names and hex codes.
How should I use #0766d1 in my UI designs?
#0766d1 serves as a high-visibility accent color that draws immediate focus, making it ideal for primary call-to-action buttons. Because it carries significant visual weight, use it sparingly on backgrounds and pair it with clean white text for optimal readability.
What colors pair well with #0766d1?
This vibrant blue creates balanced, professional palettes when paired with neutral tones like charcoal or cool light gray. If you need a more dynamic scheme, consider complementary orange-toned accents to emphasize the intense saturation of #0766d1 without overpowering the design.
Is #0766d1 readable on white or black?
#0766d1 has a 5.48:1 contrast ratio on white and 3.83: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.