#648399 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, desaturated blue with strong gray undertones, #648399 functions best as a stabilizing background or a secondary accent. Its muted character avoids visual noise, making it effective for professional interfaces that require understated clarity. Because it maintains a 5.2:1 contrast ratio with black, this hex code supports accessible body text. Pair it with soft creams or warm whites to prevent the palette from feeling overly sterile.
Questions about #648399
What is #648399 in RGB, HSL and CMYK?
In RGB, #648399 is rgb(100, 131, 153), in HSL hsl(205, 21%, 50%) and in CMYK 35%, 14%, 0%, 40%.
What makes #648399 effective for interface design?
This hex color maintains a 5.2:1 contrast ratio against black, ensuring accessible body text for professional interfaces. Its muted, desaturated character minimizes visual noise, allowing you to establish a stabilizing background without distracting from primary content elements.
Which colors pair best with #648399?
To prevent a sterile look, pair #648399 with soft creams or warm whites. These warmer tones balance the cool gray undertones of the blue, creating a harmonious and approachable palette that feels grounded rather than strictly industrial or cold.
Is #648399 readable on white or black?
#648399 has a 4.00:1 contrast ratio on white and 5.24:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.