#056B82 Hex Color

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

Hex color #056b82 graphic
This dark, unsaturated cyan carries a moody tone perfect for tech-focused interfaces or serious branding. Because it sits between a true blue and a green, designers should understand mixing gray to avoid a muddy look when blending. The hex code #056b82 provides enough contrast for white body text, making it a reliable choice for large backgrounds or secondary UI elements.

Questions about #056b82

What is #056b82 in RGB, HSL and CMYK?
In RGB, #056b82 is rgb(5, 107, 130), in HSL hsl(191, 93%, 26%) and in CMYK 96%, 18%, 0%, 49%.
What design elements pair best with #056b82?
White text provides the highest accessibility and clarity when placed against #056b82, ensuring high contrast for body copy. For secondary accent colors, consider pairing this deep cyan with warm sand or soft cream to balance its cool, serious undertones.
Does #056b82 work well for serious branding?
Yes, this hex color conveys a grounded, stable, and tech-focused mood suitable for corporate or digital software identities. Its unsaturated quality feels less playful than pure cyan, making it a reliable choice for professional dashboards and navigational elements.
Is #056b82 readable on white or black?
#056b82 has a 6.11:1 contrast ratio on white and 3.43: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.