#2676B5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2676b5 is a moderately muted, medium-cool blue with a clear, slightly gray undertone. Its steady appearance supports trust and reliability in finance, technology, healthcare, and government branding. Use it as a supporting color with navy, white, or warm gray in interfaces and data displays. The hex code is #2676b5, with white text reaching about 4.8:1 contrast for WCAG AA body text.
Questions about #2676b5
What is #2676b5 in RGB, HSL and CMYK?
In RGB, #2676b5 is rgb(38, 118, 181), in HSL hsl(206, 65%, 43%) and in CMYK 79%, 35%, 0%, 29%.
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.
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.
Is #2676b5 readable on white or black?
#2676b5 has a 4.83:1 contrast ratio on white and 4.34: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.