#2C6A8A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, unsaturated blue carries a serious, professional weight. Because of its cool temperature and dark value, #2c6a8a functions best as a stabilizing base color for corporate or tech interfaces. It provides enough contrast to support white text comfortably for body copy. Pair it with soft, warm grays to prevent the overall design from feeling too cold or gloomy. The hex code for this shade is #2c6a8a.
Questions about #2c6a8a
What is #2c6a8a in RGB, HSL and CMYK?
In RGB, #2c6a8a is rgb(44, 106, 138), in HSL hsl(200, 52%, 36%) and in CMYK 68%, 23%, 0%, 46%.
What colors pair well with #2c6a8a for a balanced UI?
#2c6a8a functions best when paired with soft, warm grays or a warm off-white to prevent the design from feeling too cold or gloomy. You can also ground it with deep charcoal for text, creating a professional contrast that remains readable and sophisticated.
Is #2c6a8a readable on white or black?
#2c6a8a has a 5.93:1 contrast ratio on white and 3.53: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.