#2C83A6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, steel-toned blue with a slight teal lean, #2c83a6 reads steady rather than flashy. That makes it a natural base for finance, healthcare, and tech branding where trust matters. Its medium darkness gives black text about 4.9:1 contrast, enough for AA body copy. Pair it with warm sand or soft coral to keep the palette from feeling cold.
Questions about #2c83a6
What is #2c83a6 in RGB, HSL and CMYK?
In RGB, #2c83a6 is rgb(44, 131, 166), in HSL hsl(197, 58%, 41%) and in CMYK 73%, 21%, 0%, 35%.
What colors pair well with #2c83a6?
Warm sand, soft coral, and terracotta all balance the cool, muted undertone of #2c83a6. For text and interface elements, charcoal reads clearly on top of it thanks to its darker luminance.
Is #2c83a6 a good background for text?
Yes, for black text. #2c83a6 reaches about 4.9:1 contrast with black, which clears the WCAG AA threshold of 4.5:1 for body copy. White text falls just short, so keep light type to large sizes.
Is #2c83a6 readable on white or black?
#2c83a6 has a 4.28:1 contrast ratio on white and 4.90: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.