#867BD8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted violet leans cool and carries a refined energy. Because it is desaturated, it creates a balanced presence without overwhelming a design. #867bd8 works well as a secondary accent paired with deep slate greys. It offers excellent legibility for black text, meeting accessibility standards with a 5.8:1 ratio. The hex code for this shade is #867bd8.
Questions about #867bd8
What is #867bd8 in RGB, HSL and CMYK?
In RGB, #867bd8 is rgb(134, 123, 216), in HSL hsl(247, 54%, 66%) and in CMYK 38%, 43%, 0%, 15%.
Which colors pair best with #867bd8 in a design?
#867bd8 pairs effectively with deep, neutral tones like charcoal or slate, which provide the necessary contrast to let the violet stand out. You can also use soft cream tones to create a balanced, approachable interface without losing the color's refined character.
Is #867bd8 a good choice for text-heavy layouts?
Yes, #867bd8 functions well as an accent or secondary text color because it maintains a high enough contrast ratio to remain legible. When used for UI elements, it provides visual interest while staying within accessibility standards when paired against light backgrounds or dark text.
Is #867bd8 readable on white or black?
#867bd8 has a 3.59:1 contrast ratio on white and 5.83: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.