#006EB8 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #006eb8 graphic
This saturated, cool blue commands attention without feeling aggressive. Because it offers a solid 5.4:1 contrast ratio against white, #006eb8 works exceptionally well for legible UI text and functional buttons. It functions best as a primary branding color in professional sectors like finance or law. Avoid pairing it with dark, muted tones, as they can drain the energy from this bright hex code.

Questions about #006eb8

What is #006eb8 in RGB, HSL and CMYK?
In RGB, #006eb8 is rgb(0, 110, 184), in HSL hsl(204, 100%, 36%) and in CMYK 100%, 40%, 0%, 28%.
Why does #006eb8 work so well for user interfaces?
This color provides a 5.4:1 contrast ratio against white, which satisfies most accessibility standards for readable text. It strikes a balance between being highly vibrant and maintaining enough darkness to remain legible on screen for extended periods of reading.
What colors pair best with #006eb8 for professional designs?
For a balanced palette, pair #006eb8 with neutral tones like light gray or crisp white to keep the focus on its saturation. Avoid pairing it with dark, muddy earth tones, as they can inadvertently drain the energy from this bright blue.
Is #006eb8 readable on white or black?
#006eb8 has a 5.35:1 contrast ratio on white and 3.92: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.