#2C6A86 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue carries a moody and professional weight. Because of its muted intensity, #2c6a86 works well as a grounding base for technical or corporate interfaces rather than a bright accent. It maintains strong legibility with white text, offering a 6.0:1 contrast ratio that satisfies accessibility needs. Pair this hex code with warm, sandy neutrals to soften its cool, business-like character.
Questions about #2c6a86
What is #2c6a86 in RGB, HSL and CMYK?
In RGB, #2c6a86 is rgb(44, 106, 134), in HSL hsl(199, 51%, 35%) and in CMYK 67%, 21%, 0%, 47%.
What colors pair well with #2c6a86?
#2c6a86 works best when paired with warm, sandy neutrals to offset its inherent coolness. Using beige or soft terracotta tones creates a balanced, sophisticated palette that softens the business-like intensity of this dusty blue shade for design projects.
Is #2c6a86 readable on white or black?
#2c6a86 has a 5.97:1 contrast ratio on white and 3.51: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.