#2676B5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Frequently Asked Questions
What colors pair well with #2676b5?
#2676b5 pairs well with white, navy, warm gray, and restrained neutrals because its cool, slightly muted blue stays balanced in interfaces, charts, and brand systems.
Is #2676b5 warm or cool?
#2676b5 reads as a cool blue because its medium-blue base has a clear, slightly gray undertone, giving it a steady, restrained appearance rather than the warmth associated with yellow- or red-shifted blues.
Does #2676b5 meet WCAG contrast requirements with white?
#2676b5 provides about a 4.8:1 contrast ratio with white, which meets WCAG AA for normal text but not the 7:1 AAA threshold; verify font size, weight, and surrounding colors in the final design.
Where can #2676b5 be used?
#2676b5 works well as a supporting color in finance, technology, healthcare, and government interfaces, especially for links, data displays, and secondary actions that need a trustworthy, readable blue.