#046C82 Hex Color

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

Select a Color

This muted cyan carries a heavy, serious weight, making it a reliable choice for dark mode UI backgrounds or tech branding. While it feels somewhat dim, it pairs effectively with cream or warm off-white tones to avoid looking muddy. The hex code #046c82 offers enough contrast for white text to remain readable, providing a grounded, professional look for digital interfaces that demand high accessibility.

Questions about #046c82

What is #046c82 in RGB, HSL and CMYK?

In RGB, #046c82 is rgb(4, 108, 130), in HSL hsl(190, 94%, 26%) and in CMYK 97%, 17%, 0%, 49%.

What colors pair best with the muted cyan of #046c82?

Pair #046c82 with warm neutrals like cream or soft off-whites to balance its inherent coolness and prevent the design from feeling too muddy or dim. It also creates a sophisticated, professional aesthetic when contrasted against charcoal or very dark slate elements.

Is #046c82 readable on white or black?

#046c82 has a 6.04:1 contrast ratio on white and 3.47: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.

#046C82 Hex Color

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

Questions about #046c82

Color tools

Resources