#026774 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #026774 graphic
#026774 is a muted, deep cyan that feels serious and grounded. Its darkness offers excellent contrast with white text, making it a reliable choice for UI backgrounds. Use this hex code as a dominant base for moody digital interfaces or technology branding. Avoid pairing it with similar dark values to prevent the design from feeling washed out or losing visual definition.

Questions about #026774

What is #026774 in RGB, HSL and CMYK?
In RGB, #026774 is rgb(2, 103, 116), in HSL hsl(187, 97%, 23%) and in CMYK 98%, 11%, 0%, 55%.
Why does #026774 work well for interface design?
#026774 offers a high degree of legibility against white or light gray backgrounds, making it a stable, professional anchor for text-heavy layouts. Because it leans dark, it maintains visual weight without feeling as aggressive or harsh as pure black.
Which colors pair best with #026774 for a balanced scheme?
This shade pairs effectively with soft cream or warm beige to neutralize its intensity and provide a comfortable reading experience. For accent pops, try using a muted coral to create a complementary contrast that feels intentional rather than jarring.
Is #026774 readable on white or black?
#026774 has a 6.57:1 contrast ratio on white and 3.19: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.