#0069B4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated, cool blue commands attention without feeling aggressive. Often used in corporate tech and finance, it communicates reliability and authority. The hex code #0069b4 works best as a primary brand color or a bold UI accent. It offers enough contrast against white for accessibility compliance, though it can feel overwhelming if applied to large-scale backgrounds. Pair it with soft grays to ground the intensity.
Questions about #0069b4
What is #0069b4 in RGB, HSL and CMYK?
In RGB, #0069b4 is rgb(0, 105, 180), in HSL hsl(205, 100%, 35%) and in CMYK 100%, 42%, 0%, 29%.
How should #0069b4 be used in a user interface?
Use #0069b4 sparingly as an accent color for call-to-action buttons or primary navigation links where you need immediate visual authority. Because of its high intensity, avoid using it as a full-page background to keep the interface comfortable for users.
What colors pair well with #0069b4?
Balance the intensity of #0069b4 by pairing it with neutral shades like slate gray or warm off-whites to ground the design. These neutrals allow the blue to stand out without overwhelming the layout, maintaining a clean and professional corporate aesthetic throughout.
Is #0069b4 readable on white or black?
#0069b4 has a 5.70:1 contrast ratio on white and 3.67: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.