#7581EF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo is intense and bright, carrying a cool, energetic presence. It functions best as an accent rather than a full background, where it can easily overwhelm a layout. Pair it with dark grays or charcoal for a grounded look. The hex code for this color is #7581ef. It remains readable for body text, though you might consider mixing gray to balance its bold saturation.
Questions about #7581ef
What is #7581ef in RGB, HSL and CMYK?
In RGB, #7581ef is rgb(117, 129, 239), in HSL hsl(234, 79%, 70%) and in CMYK 51%, 46%, 0%, 6%.
How can I best use #7581ef in a professional design?
Since #7581ef is highly saturated and energetic, use it as a strategic accent color for call-to-action buttons or highlights. It pairs exceptionally well with charcoal or dark gray, which grounds the intensity and improves readability.
Is #7581ef suitable for body text on websites?
While #7581ef can be used for text, its brightness may cause eye strain if applied in large blocks. It is safer to use this color for UI elements like links or headers, keeping your primary body text in a neutral, high-contrast dark tone.
Is #7581ef readable on white or black?
#7581ef has a 3.41:1 contrast ratio on white and 6.14: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.