#045A6D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted teal holds a serious presence. It is a dim color with low saturation, giving it a grounded, industrial quality. The hex code #045a6d works effectively as a UI background, as it provides high contrast with white text at a 7.8:1 ratio. Pair this shade with warm, desaturated orange accents to keep the palette from feeling too cold or muddied.
Questions about #045a6d
What is #045a6d in RGB, HSL and CMYK?
In RGB, #045a6d is rgb(4, 90, 109), in HSL hsl(191, 93%, 22%) and in CMYK 96%, 17%, 0%, 57%.
What kind of color palette works best with #045a6d?
Warm, desaturated tones create the most balanced palettes because they counteract the coolness of #045a6d without creating visual conflict. Try pairing it with muted terracotta or a dusty orange to add necessary warmth to your design interface.
Is #045a6d a good choice for text-heavy UI backgrounds?
It functions effectively as a dark background color for digital interfaces because it achieves a strong 7.8:1 contrast ratio against white text. This makes it an excellent choice for modern, readable dashboards or professional web applications where clarity is vital.
Is #045a6d readable on white or black?
#045a6d has a 7.81:1 contrast ratio on white and 2.68: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 is too faint for text. Try other pairs in the contrast checker.