Iris
Online color picker to view shades, tints, color codes, and complementary colors
Iris is a saturated, high-energy indigo that commands attention. Because it is so vivid, it works best as a bold accent or a primary call-to-action button rather than a full background. This hex code #5a4fcf offers excellent contrast, supporting white text clearly. If you are struggling to balance such a strong tone, consider mixing gray into your palette to ground the intensity.
Questions about Iris
What is the hex code for Iris?
Iris is #5a4fcf. In RGB that is rgb(90, 79, 207), in HSL hsl(245, 57%, 56%) and in CMYK 57%, 62%, 0%, 19%.
How should I use Iris #5a4fcf in a user interface?
Iris #5a4fcf is best used as a high-impact accent color rather than a primary background to avoid visual fatigue. It draws immediate attention when applied to call-to-action buttons or navigation highlights, especially when paired against white text for maximum readability.
What colors pair well with Iris #5a4fcf to balance its intensity?
To ground the high energy of #5a4fcf, pair it with neutral tones like charcoal or cool grays. Using these muted companions allows the vibrancy of the iris hue to stand out without overwhelming the overall design composition or layout.
Is Iris readable on white or black?
Iris has a 6.07:1 contrast ratio on white and 3.45: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.