#3C4A4E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, ashy teal, #3c4a4e sits comfortably between cyan and grey. Its dark, moody character makes it an excellent choice for modern UI backgrounds where standard black feels too harsh. Because it offers high contrast with white text, readability remains strong even in small formats. Use it as a solid base for tech interfaces or as a grounding neutral to balance brighter, saturated brand accents.
Questions about #3c4a4e
What is #3c4a4e in RGB, HSL and CMYK?
In RGB, #3c4a4e is rgb(60, 74, 78), in HSL hsl(193, 13%, 27%) and in CMYK 23%, 5%, 0%, 69%.
What colors pair well with #3c4a4e in UI design?
#3c4a4e acts as a grounding base that pairs beautifully with crisp white for text or soft sand for subtle button accents. To create a more vibrant interface, introduce small pops of terracotta or warm amber to break up the cool, ashy tone of this shade.
Is #3c4a4e readable on white or black?
#3c4a4e has a 9.20:1 contrast ratio on white and 2.28: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.