#485A5E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#485a5e is a muted, dusty cyan that leans heavily into grey. This desaturated tone serves as a sophisticated base for dark mode interfaces. Because it offers a 7.2:1 contrast ratio against white, text remains highly legible on this surface. Pair this hex code with soft corals or muted golds to cut through its serious, industrial mood without losing professional polish.
Questions about #485a5e
What is #485a5e in RGB, HSL and CMYK?
In RGB, #485a5e is rgb(72, 90, 94), in HSL hsl(191, 13%, 33%) and in CMYK 23%, 4%, 0%, 63%.
How should I use #485a5e in UI design?
#485a5e serves as an ideal background for dark mode interfaces where readability is the primary goal. Its balanced, grey-leaning nature provides a high contrast ratio against white text, ensuring your content remains accessible without feeling overly stark or clinical.
Which colors complement #485a5e best?
This muted cyan works best alongside soft corals or muted golds to introduce warmth without overwhelming its industrial aesthetic. These combinations cut through the grey undertones, adding a layer of personality and visual interest to otherwise serious, professional layouts.
Is #485a5e readable on white or black?
#485a5e has a 7.24:1 contrast ratio on white and 2.89: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.