#866ECC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, saturated violet commands attention without feeling overwhelming. Designers often use #866ecc as a primary brand shade to balance professional order with creative flair. It thrives in digital interfaces and dark mode settings. This hex code maintains a 5.1:1 contrast ratio against black text, ensuring strong readability for UI elements and small body copy.
Questions about #866ecc
What is #866ecc in RGB, HSL and CMYK?
In RGB, #866ecc is rgb(134, 110, 204), in HSL hsl(255, 48%, 62%) and in CMYK 34%, 46%, 0%, 20%.
How does #866ecc perform in digital user interfaces?
#866ecc maintains a balanced 5.1:1 contrast ratio against black text, making it a reliable choice for UI elements that require readability without sacrificing vibrancy. It is particularly effective as a primary action color in dark mode environments.
Which colors pair best with #866ecc for a balanced palette?
Pair #866ecc with charcoal or soft neutrals to ground its intensity, or use complementary gold and mustard tones to create a high-energy, sophisticated aesthetic. It functions well when used alongside cool teals to emphasize its violet undertones.
Is #866ecc readable on white or black?
#866ecc has a 4.10:1 contrast ratio on white and 5.11: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.