#6B77C3 Hex Color

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

Hex color #6b77c3 graphic
This muted indigo is a dusty, cool-toned shade that feels steady and reserved. Because of its unsaturated nature, the hex code #6b77c3 serves well as a background color for minimal interfaces. It pairs effectively with charcoal grays and holds enough contrast to maintain legibility with black text. Use it to build structure in designs where you need a professional, composed atmosphere without distraction.

Questions about #6b77c3

What is #6b77c3 in RGB, HSL and CMYK?
In RGB, #6b77c3 is rgb(107, 119, 195), in HSL hsl(232, 42%, 59%) and in CMYK 45%, 39%, 0%, 24%. Browse more shades of purple with names and hex codes.
How should I use #6b77c3 in UI design?
#6b77c3 works best as a primary background or a subtle accent in minimal interface designs. Because it is desaturated and professional, it provides enough structure to define layout containers without causing visual fatigue or distraction for the user.
Which colors pair well with #6b77c3?
This color excels when balanced against neutrals like charcoal or soft off-whites, which allow its cool indigo undertones to remain grounded. For a more sophisticated palette, try pairing it with muted terracotta to introduce a complementary warmth that keeps the design feeling modern.
Is #6b77c3 readable on white or black?
#6b77c3 has a 4.15:1 contrast ratio on white and 5.05: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.