#485B5E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#485b5e is a muted, dusty cyan with strong gray undertones. This dark, desaturated shade offers a moody alternative to standard blues, making it an excellent choice for modern UI backgrounds. Because it maintains high legibility with white text, it works well for readable body copy. The hex code for this serious, understated color is #485b5e.
Questions about #485b5e
What is #485b5e in RGB, HSL and CMYK?
In RGB, #485b5e is rgb(72, 91, 94), in HSL hsl(188, 13%, 33%) and in CMYK 23%, 3%, 0%, 63%.
What colors pair well with #485b5e for UI design?
Use #485b5e alongside crisp off-whites or soft creams to maintain high contrast and readability in web interfaces. It also pairs effectively with warm charcoal or soft terracottas to ground the cool, dusty nature of the cyan in more complex palettes.
Does #485b5e read as warm or cool?
This color sits firmly in the cool spectrum, though its heavy gray desaturation makes it feel significantly less vibrant than a standard cyan. The gray undertones neutralize the typical blue temperature, allowing it to function as a sophisticated, near-neutral backdrop.
Is #485b5e readable on white or black?
#485b5e has a 7.15:1 contrast ratio on white and 2.93: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.