#6A5DBD Hex Color

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

Select a Color

This mid-toned, saturated violet leans into a cool, sharp aesthetic. Because it maintains strong contrast, white text is highly readable against it, making this a reliable choice for UI elements. Use the hex code #6a5dbd as a bold accent or a primary brand color where you need a feeling of focused intensity. It pairs unexpectedly well with soft, muted olive greens or warm, desaturated corals.

Questions about #6a5dbd

What is #6a5dbd in RGB, HSL and CMYK?

In RGB, #6a5dbd is rgb(106, 93, 189), in HSL hsl(248, 42%, 55%) and in CMYK 44%, 51%, 0%, 26%.

What colors pair well with #6a5dbd in a UI design?

#6a5dbd creates a striking and modern aesthetic when paired with desaturated olive greens or soft, muted coral tones. These combinations balance the violet's cool, sharp intensity with earthy, warmer undertones, making it suitable for both active buttons and primary brand accents.

Is #6a5dbd readable on white or black?

#6a5dbd has a 5.36:1 contrast ratio on white and 3.91:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.

#6A5DBD Hex Color

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

Questions about #6a5dbd

Color tools

Resources