#48627E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a heavy, serious atmosphere thanks to its low saturation. Because #48627e feels grounded and reserved, it works well as a background for professional interfaces like security or finance apps. It maintains enough contrast for white text to remain legible. Pair it with crisp, warm neutrals to prevent the design from feeling too gloomy or flat.
Questions about #48627e
What is #48627e in RGB, HSL and CMYK?
In RGB, #48627e is rgb(72, 98, 126), in HSL hsl(211, 27%, 39%) and in CMYK 43%, 22%, 0%, 51%.
How can I balance #48627e in a UI design?
Use #48627e as a stable base color and pair it with crisp, warm neutrals to prevent the overall design from feeling too gloomy. Introducing a touch of terracotta or warm beige can add necessary vibrancy and warmth.
Is #48627e suitable for text-heavy interfaces?
Yes, #48627e maintains enough depth and contrast to support white text comfortably in most digital interfaces. Because it is a grounded, desaturated tone, it functions effectively as a background for professional applications like finance or data-heavy dashboards.
Is #48627e readable on white or black?
#48627e has a 6.31:1 contrast ratio on white and 3.32: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.