#48508E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, cool-toned indigo carries a moody and serious weight. Because it is highly desaturated, #48508e serves as an effective, stable base color for dark-mode UI designs. It maintains strong readability with white text, offering a solid 7.5:1 contrast ratio. Pair this hex code with soft greys or muted corals to keep your palette from appearing too flat or muddy in professional layouts.
Questions about #48508e
What is #48508e in RGB, HSL and CMYK?
In RGB, #48508e is rgb(72, 80, 142), in HSL hsl(233, 33%, 42%) and in CMYK 49%, 44%, 0%, 44%.
Why is #48508e effective for dark mode interfaces?
#48508e offers a stable, desaturated base that avoids the jarring intensity of pure black while maintaining a strong 7.5:1 contrast ratio against white text. This makes it a reliable choice for professional interfaces where long-term readability remains the top priority for users.
What colors pair well with #48508e?
Because this indigo is cool and dusty, it creates visual balance when paired with soft neutral greys or muted coral tones. Avoid overly vibrant neons, as they can clash with the serious, muted weight of this specific shade, making your layout appear muddy.
Is #48508e readable on white or black?
#48508e has a 7.46:1 contrast ratio on white and 2.81: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.