#3A5B5B Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3a5b5b graphic
This muted, dusty cyan sits firmly in the shadows with its low saturation and dark value. Because of its moody character, #3a5b5b functions best as a supporting background rather than a main color. Pair it with soft cream or warm metallics to avoid a muddy appearance. The hex code #3a5b5b offers high contrast with white text, making it a functional choice for dark mode UI interfaces.

Questions about #3a5b5b

What is #3a5b5b in RGB, HSL and CMYK?
In RGB, #3a5b5b is rgb(58, 91, 91), in HSL hsl(180, 22%, 29%) and in CMYK 36%, 0%, 0%, 64%.
What makes #3a5b5b a good choice for dark mode designs?
The color #3a5b5b provides excellent readability for light-colored text, making it a functional background that reduces screen glare compared to pitch black. It sits comfortably in the shadows, offering a sophisticated, professional look for modern digital interfaces.
How can I use #3a5b5b without making my design look muddy?
You prevent #3a5b5b from appearing dull by pairing it with high-contrast, warm accents like cream or metallic gold. These additions lift the dusty cyan, creating a clean, balanced visual hierarchy rather than letting the dark tone dominate the overall composition.
Is #3a5b5b readable on white or black?
#3a5b5b has a 7.42:1 contrast ratio on white and 2.82: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.