#2681BA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2681ba is a cool, moderately muted blue with moderate lightness and a slight cyan undertone. Its steady, controlled character suits security, finance, healthcare, and technology interfaces, especially as a supporting brand color or clear UI accent. The hex code #2681ba provides about 4.9:1 contrast with black, enough for WCAG AA normal body text.
Questions about #2681ba
What is #2681ba in RGB, HSL and CMYK?
In RGB, #2681ba is rgb(38, 129, 186), in HSL hsl(203, 66%, 44%) and in CMYK 80%, 31%, 0%, 27%.
Does #2681ba work with black text?
Yes, black text on #2681ba reaches about a 4.9:1 contrast ratio, which meets WCAG AA for normal body text and makes it a practical choice for labels, paragraphs, and other small interface copy on solid fills.
What colors pair well with #2681ba?
Pair #2681ba with charcoal for grounded contrast, warm off-white for softer layouts, or terracotta for a restrained complementary accent that adds warmth without overpowering the blue in restrained interface and brand palettes. Charcoal suits text and navigation, while terracotta works best in small doses.
Where does #2681ba work best in a design?
#2681ba works well as a supporting brand color, primary button, or interface accent in security, finance, healthcare, and technology products where a reliable, controlled tone needs clear visual separation from surrounding content. Its moderate lightness gives it presence without the weight of very dark blue, while black text remains readable on solid fills.
Is #2681ba readable on white or black?
#2681ba has a 4.25:1 contrast ratio on white and 4.93:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.