#106DCE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Intense and saturated, this blue demands attention without overwhelming the viewer. Because it holds a mid-range brightness, white text remains highly readable against it with a 5.1:1 contrast ratio. Use #106dce as a punchy accent or high-impact call to action button rather than a background. The hex code for this assertive blue is #106dce, which pairs effectively with cool grays or soft, desaturated corals.
Questions about #106dce
What is #106dce in RGB, HSL and CMYK?
In RGB, #106dce is rgb(16, 109, 206), in HSL hsl(211, 86%, 44%) and in CMYK 92%, 47%, 0%, 19%.
What colors pair well with #106dce?
This vibrant blue pairs best with neutral tones to avoid visual clutter. Use it alongside cool gray for a modern, professional look or opt for a desaturated coral to create a striking, high-contrast accent that feels dynamic and balanced.
Is #106dce readable on white or black?
#106dce has a 5.12:1 contrast ratio on white and 4.10: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.