#447C86 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#447c86 is a muted cyan with cool, gray undertones and medium-dark lightness. Its subdued finish creates a thoughtful, dependable mood without feeling loud. Use it as a supporting brand tone or UI accent for communication, technology, and productivity products. The hex code #447c86 also supports white text at about a 4.7:1 contrast ratio, meeting WCAG AA for body text.
Questions about #447c86
What is #447c86 in RGB, HSL and CMYK?
In RGB, #447c86 is rgb(68, 124, 134), in HSL hsl(189, 33%, 40%) and in CMYK 49%, 7%, 0%, 47%.
What colors pair well with #447c86?
#447c86 pairs well with warm off-white, charcoal, and muted terracotta because those tones balance its cool, gray cast while preserving its restrained saturation and clear, dependable feel in interfaces and brand systems. A small terracotta accent brings warmth without erasing its cool character.
Does #447c86 meet WCAG AA with white text?
#447c86 gives white text about a 4.7:1 contrast ratio, which meets WCAG AA for normal body text and supports readable labels, buttons, and paragraphs when those elements sit directly on the color. Recheck contrast when changing text size, weight, or surrounding colors.
Where should designers use #447c86?
#447c86 works best as a supporting brand color, secondary UI surface, or focused accent, where its muted cyan character adds distinction without overwhelming larger layouts or competing with primary content. Its medium-dark value can look dense across large backgrounds, so pair it with lighter surfaces.
Is #447c86 readable on white or black?
#447c86 has a 4.69:1 contrast ratio on white and 4.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.