#4CA2A8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated teal-cyan sits in a cool, muted range that feels professional and steady. Because it carries enough contrast for readable black text, the hex code #4ca2a8 works effectively for interface UI buttons or secondary navigational elements. Pair it with soft warm grays to balance its chilly temperature, but avoid overusing it as a large background to keep your layout from feeling washed out.
Questions about #4ca2a8
What is #4ca2a8 in RGB, HSL and CMYK?
In RGB, #4ca2a8 is rgb(76, 162, 168), in HSL hsl(184, 38%, 48%) and in CMYK 55%, 4%, 0%, 34%.
What colors pair well with #4ca2a8 in a UI layout?
Pair #4ca2a8 with soft warm grays to offset its cool, clinical temperature and create visual balance. Using a deep charcoal for text ensures the necessary contrast while letting the teal serve as a steady, professional accent color.
Is #4ca2a8 suitable for text on a white background?
Using #4ca2a8 as body text against a standard white background may fail accessibility standards for legibility. It is best reserved for UI buttons, navigational elements, or icons where it can function effectively as a secondary, non-critical visual highlight.
Is #4ca2a8 readable on white or black?
#4ca2a8 has a 2.98:1 contrast ratio on white and 7.04:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.