#447C80 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty cyan carries a cool, muted character that feels approachable rather than clinical. Because it is highly unsaturated, #447c80 works best as a secondary or supporting color in modern UI designs. It provides sufficient contrast for readable white text, though it can appear muddy if used in large, solid blocks. Pair it with warm, earthy ochres to balance its inherent coolness.
Questions about #447c80
What is #447c80 in RGB, HSL and CMYK?
In RGB, #447c80 is rgb(68, 124, 128), in HSL hsl(184, 31%, 38%) and in CMYK 47%, 3%, 0%, 50%. Browse more shades of blue with names and hex codes.
What colors pair best with #447c80 for a balanced design?
This muted cyan balances effectively with warm, earthy tones like ochre or terracotta, which counteract its inherent coolness. Using these warm neutrals creates a professional, grounded contrast that prevents the color from appearing too clinical or sterile in UI applications.
Is #447c80 suitable for large blocks of text?
While #447c80 works beautifully as a secondary accent, it can appear somewhat muddy when used in large, solid blocks. It is best reserved for UI elements like buttons, iconography, or borders, rather than primary body text where readability is paramount.
Is #447c80 readable on white or black?
#447c80 has a 4.72:1 contrast ratio on white and 4.44: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.