Iris is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #5A4FCF, which equals rgb(90, 79, 207) in RGB and hsl(245, 57%, 56%) in HSL. In print terms it converts to roughly C57 M62 Y0 K19, although exact CMYK results depend on the paper and color profile.
- HEX
#5A4FCF - RGB
90, 79, 207 - HSL
245°, 57%, 56% - CMYK
57, 62, 0, 19 - Family
Blue - Tone
Medium, moderately saturated
About Iris
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 6.08:1. Its complementary color is #C4CF4F.
Download Iris as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Iris color codes
| HEX | #5A4FCF |
|---|---|
| RGB | rgb(90, 79, 207) |
| HSL | hsl(245, 57%, 56%) |
| HSV | 245°, 62%, 81% |
| CMYK | 57%, 62%, 0%, 19% |
| Decimal | 5918671 |
Shades and tints of Iris
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E4E2F7 - 100
#C8C4EF - 200
#ADA7E7 - 300
#918ADF - 400
#766CD7 - 500
#5A4FCF - 600
#4B42AD - 700
#3C358A - 800
#2D2868 - 900
#1E1A45 - 950
#0F0D23
Color harmonies for Iris
- Complementary
#C4CF4F≈ Medium Light Soft Citron - Analogous −30°
#4F84CF≈ Medium Light Soft Cornflower - Analogous +30°
#994FCF≈ Medium Light Soft Violet - Triadic +120°
#CF5A4F≈ Medium Light Soft Red - Triadic +240°
#4FCF5A≈ Medium Light Soft Green - Split 150°
#CF994F≈ Medium Light Soft Orange - Split 210°
#84CF4F≈ Medium Light Soft Fern
Contrast and accessibility of Iris
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Iris | Aa | 6.08:1 | AA (good) |
| Black text on Iris | Aa | 3.45:1 | AA Large only |
CSS code for Iris
background-color: #5A4FCF;color: #5A4FCF;background-color: rgb(90, 79, 207);background-color: hsl(245, 57%, 56%);:root { --color-iris: #5A4FCF; }class="bg-[#5A4FCF]"Colors similar to Iris
- Medium Light Soft Blue
#5454D4 - Medium Light Soft Ultramarine
#6054D4 - Medium Light Soft Indigo
#6D54D4 - Slate Blue
#6A5ACD - Medium Light Soft Royal
#5460D4 - Muted Ultramarine
#574DB2 - Muted Indigo
#614DB2 - Medium Light Soft Iris
#7A54D4 - Muted Blue
#4D4DB2 - Muted Royal
#4D57B2 - Muted Iris
#6B4DB2 - Medium Light Bright Indigo
#603EEA
More blue shades
- Turquoise
#40E0D0 - Cerulean
#007BA7 - Sapphire
#0F52BA - Periwinkle
#CCCCFF - Cobalt Blue
#0047AB - Ultramarine
#3F00FF - Denim
#1560BD - Azure Blue
#007FFF - Persian Blue
#1C39BB - Prussian Blue
#003153 - Oxford Blue
#002147
Frequently asked questions
What is the HEX code for Iris?
The HEX code for Iris is #5A4FCF.
What is the RGB value of Iris?
Iris has an RGB value of 90, 79, 207 (rgb(90, 79, 207)). In HSL it is 245°, 57%, 56%.
What text color should I use on Iris?
Use white text on Iris. White text has a contrast ratio of 6.08:1 and black text has 3.45:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Iris?
The complementary color of Iris is #C4CF4F. Analogous colors #4F84CF and #994FCF also pair well.