#484E58 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, near-grey blue, #484e58 carries a serious, grounded weight. Because it is highly muted, it works best as a neutral base for UI backgrounds where you want stability over energy. It creates excellent contrast with white text, meeting accessibility standards for small body copy. Pair this hex code with warm, terracotta accents to prevent the overall design from feeling too cold or sterile.
Questions about #484e58
What is #484e58 in RGB, HSL and CMYK?
In RGB, #484e58 is rgb(72, 78, 88), in HSL hsl(217, 10%, 31%) and in CMYK 18%, 11%, 0%, 65%. Browse more shades of gray with names and hex codes.
How should I pair #484e58 in a design project?
Use #484e58 as a neutral foundation and pair it with warm terracotta accents to introduce energy. This combination prevents the design from feeling overly cold or sterile, creating a balanced contrast that feels modern and intentional for professional interfaces.
Is #484e58 suitable for text on a white background?
Yes, #484e58 provides high contrast against a standard white background, making it an excellent choice for body copy or UI elements. It remains legible while appearing softer and more refined than standard black, reducing visual strain for users.
Is #484e58 readable on white or black?
#484e58 has a 8.37:1 contrast ratio on white and 2.50: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.