#7068DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo delivers a bold, electric punch that demands attention. Because it maintains high contrast, the hex code #7068dd is an excellent choice for UI calls to action or energetic accent work. Pair it with soft, warm grays to ground the intensity, as this cool-toned hue can easily overwhelm a layout if used as a primary background. Black text remains legible against this shade.
Questions about #7068dd
What is #7068dd in RGB, HSL and CMYK?
In RGB, #7068dd is rgb(112, 104, 221), in HSL hsl(244, 63%, 64%) and in CMYK 49%, 53%, 0%, 13%.
How should I use #7068dd in a UI design?
#7068dd works best as an energetic accent color for buttons or primary navigation elements where you need high contrast. Because it is so saturated, avoid using it as a background color to keep your interface readable and comfortable for the user.
What colors pair well with #7068dd?
This indigo balances perfectly against neutral, desaturated tones that ground its intensity. Try pairing #7068dd with a soft charcoal for text to maintain readability, or use warm light gray backgrounds to let the electric nature of the hue shine without overwhelming the layout.
Is #7068dd readable on white or black?
#7068dd has a 4.45:1 contrast ratio on white and 4.71: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.