#6663BF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#6663bf is a muted, cool-toned indigo that brings a sense of structure to digital layouts. It acts as an effective secondary color or accent rather than a dominant background, as it can feel slightly hazy when used in large blocks. Pair it with soft cream or warm grey to keep it grounded. The hex code for this shade is #6663bf, which provides enough contrast for readable text.
Questions about #6663bf
What is #6663bf in RGB, HSL and CMYK?
In RGB, #6663bf is rgb(102, 99, 191), in HSL hsl(242, 42%, 57%) and in CMYK 47%, 48%, 0%, 25%.
What colors pair well with #6663bf?
Because #6663bf is a muted, cool-toned indigo, it grounds beautifully against soft neutrals like cream or warm grey. For a more dynamic interface, try pairing it with a muted terracotta to create a sophisticated, high-contrast complementary balance.
Is #6663bf suitable for body text or buttons?
#6663bf works best as an accent or secondary color rather than a primary text color because its mid-tone value may struggle with WCAG contrast requirements against white backgrounds. Use it for call-to-action buttons or highlights where you need a structured, professional feel.
Is #6663bf readable on white or black?
#6663bf has a 5.11:1 contrast ratio on white and 4.10: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.