#634A76 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty violet carries a serious and somber mood. Because of its low saturation and dark value, #634a76 works best as a grounding background or a secondary accent rather than a dominant primary color. It provides excellent contrast for white text, making it a functional choice for dark mode UI interfaces. Pair it with soft creams or warm grays to prevent the palette from feeling too cold.
Questions about #634a76
What is #634a76 in RGB, HSL and CMYK?
In RGB, #634a76 is rgb(99, 74, 118), in HSL hsl(274, 23%, 38%) and in CMYK 16%, 37%, 0%, 54%.
How should #634a76 be used in interface design?
#634a76 functions best as a grounding background or a secondary accent due to its low saturation and dark value. It offers excellent readability for white text, making it a reliable choice for dark mode UI interfaces that require a softer, more serious aesthetic.
Which colors pair best with #634a76?
To prevent the palette from feeling too cold, pair #634a76 with warm neutrals like cream or light warm gray. These balanced combinations add necessary contrast while maintaining the muted, somber mood inherent in this dusty violet shade.
Is #634a76 readable on white or black?
#634a76 has a 7.57:1 contrast ratio on white and 2.77: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.