#4A686A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted cyan balances a dusty matte quality with a serious, inky depth. Because it is highly unsaturated, #4a686a works best as a grounding neutral or a secondary background tone rather than a main focal point. It pairs beautifully with soft creams or warm terracottas to cut through the gloom. With a 6.0:1 contrast ratio against white, it remains legible for small UI elements.
Questions about #4a686a
What is #4a686a in RGB, HSL and CMYK?
In RGB, #4a686a is rgb(74, 104, 106), in HSL hsl(184, 18%, 35%) and in CMYK 30%, 2%, 0%, 58%.
Does #4a686a work well for UI text or backgrounds?
The #4a686a hex color provides a solid 6.0:1 contrast ratio against white backgrounds, which meets accessibility standards for readable text. It works exceptionally well as a secondary background color because its muted, dusty nature prevents it from overwhelming primary elements on the screen.
What colors pair naturally with #4a686a?
Warm tones like soft cream or earthy terracotta create a balanced contrast against the cool, inky depth of #4a686a. These pairings prevent the shade from appearing too gloomy while highlighting its unique, unsaturated, and matte, grounding qualities in any design project.
Is #4a686a readable on white or black?
#4a686a has a 6.03:1 contrast ratio on white and 3.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.