#857BA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted violet brings a calm, unsaturated character to design projects. Because it feels somewhat ashy and subdued, #857ba3 works best as a supporting background element rather than a dominant color. Pair it with crisp black text to maintain legibility, as the hex code provides a solid 5.4:1 contrast ratio that meets accessibility standards for small body text.
Questions about #857ba3
What is #857ba3 in RGB, HSL and CMYK?
In RGB, #857ba3 is rgb(133, 123, 163), in HSL hsl(255, 18%, 56%) and in CMYK 18%, 25%, 0%, 36%.
What colors pair well with #857ba3?
This muted violet works best with crisp, dark neutrals like charcoal or deep navy to anchor its ashy quality. Because #857ba3 is unsaturated, it also balances effectively against soft creams or warm off-white tones for a cohesive, sophisticated aesthetic.
Is #857ba3 readable on white or black?
#857ba3 has a 3.91:1 contrast ratio on white and 5.35: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.