About iris
Iris (#5A4FCF) is a cool, mid-tone, moderately saturated color. It belongs to the purples family. It mixes 90 red, 79 green and 207 blue (out of 255). It is mostly used in florals, illustration, branding.
A bright blue-purple named after the iris flower, whose name comes from the Greek word for rainbow. It is lively and creative, great for spring gardens, illustrations and modern brands.
Also known as: Iris purple.
The hex code for iris is #5A4FCF. In RGB it is rgb(90, 79, 207), in HSL hsl(245, 57%, 56%) and in CMYK 57, 62, 0, 19.
Pick a color to pair it with and see how it looks on clothes, interiors and design.
Iris (#5A4FCF) is a cool, mid-tone, moderately saturated color. It belongs to the purples family. It mixes 90 red, 79 green and 207 blue (out of 255). It is mostly used in florals, illustration, branding.
From lightest to darkest. Tap a shade to copy its code.
See all its shades: Color shades generator
Outfit palettes with iris or a very close shade, each with 8 outfits to copy.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--iris: #5A4FCF;
--iris-rgb: 90, 79, 207;
}
.bg { background-color: var(--iris); }
.text { color: var(--iris); }
The hex code for iris is #5A4FCF. In RGB it is rgb(90, 79, 207), in HSL hsl(245, 57%, 56%) and in CMYK 57, 62, 0, 19.
Its complement on the color wheel is #C4CF4F, close to straw. Used in small doses, it works as an accent and adds strong contrast.
Yes. The contrast with white is 6.1:1, enough for body text (WCAG AA).
We use Google Analytics cookies to understand how the site is used. Is that OK? Learn more