#646CAA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, dusty violet acts as a steady base for muted palettes. Because it is unsaturated and matte, #646caa avoids the overwhelming punch of primary blues, making it a reliable choice for UI backgrounds. Use it to support warm, earthy accent colors rather than pairing it with other cool tones, which can look washed out. It maintains WCAG AA accessibility standards with white text.
Questions about #646caa
What is #646caa in RGB, HSL and CMYK?
In RGB, #646caa is rgb(100, 108, 170), in HSL hsl(233, 29%, 53%) and in CMYK 41%, 36%, 0%, 33%.
What colors pair well with #646caa in a UI design?
#646caa works best as a neutral, steady base for warmer, earthy tones. Try pairing it with terracotta or soft, sandy beiges to balance the cool violet undertones without creating a washed-out, monochromatic look.
Is #646caa readable on white or black?
#646caa has a 4.92:1 contrast ratio on white and 4.26: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.