#285D5B Hex Color

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

Hex color #285d5b graphic
This muted teal carries a dusty, ashy character that leans heavily into gloom. Because of its low saturation, #285d5b functions best as a stable, moody background rather than a vibrant accent. It provides strong readability for white text, making it a functional choice for dark mode UI. Pair it with soft cream or warm terracottas to balance its cool, industrial undertones and avoid a muddy appearance.

Questions about #285d5b

What is #285d5b in RGB, HSL and CMYK?
In RGB, #285d5b is rgb(40, 93, 91), in HSL hsl(178, 40%, 26%) and in CMYK 57%, 0%, 2%, 64%.
What colors pair best with #285d5b for a balanced design?
This muted teal functions best when paired with warm, creamy neutrals like ivory or earthy terracotta to offset its cool, industrial character. Using these warmer tones prevents the design from feeling too heavy or muddy in application.
Is #285d5b a good choice for text-heavy UI backgrounds?
Yes, #285d5b provides excellent contrast and readability for clean white text, making it a functional and stable choice for dark mode interfaces. Its low saturation ensures it remains soothing to the eye during extended periods of reading.
Is #285d5b readable on white or black?
#285d5b has a 7.48:1 contrast ratio on white and 2.80: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.