#808CBA Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #808cba graphic
This dusty, unsaturated indigo feels cool and reserved. Because it sits at a mid-range lightness, the hex code #808cba works best as a steady background color rather than a primary accent. Pair it with crisp cream or soft charcoal to avoid a muddy look. It has enough contrast for accessible body text, making it a functional choice for modern UI design.

Questions about #808cba

What is #808cba in RGB, HSL and CMYK?
In RGB, #808cba is rgb(128, 140, 186), in HSL hsl(228, 30%, 62%) and in CMYK 31%, 25%, 0%, 27%.
Is #808cba suitable for UI background use?
Yes, #808cba serves as an excellent, steady background choice because its mid-range lightness maintains readability without overwhelming other design elements. It provides a grounded, professional feel that works well in modern application interfaces where focus is paramount.
What colors pair best with #808cba?
To avoid a muddy aesthetic, pair #808cba with high-contrast neutrals like crisp cream or charcoal grey. These clean, achromatic tones balance the unsaturated nature of the indigo, creating a sophisticated and highly legible layout for digital content.
Is #808cba readable on white or black?
#808cba has a 3.29:1 contrast ratio on white and 6.37: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.