Blue Iris

#5A4FCF

What color is Blue Iris?

Blue iris is a medium-to-deep blue with a clear violet shift, hex #5A4FCF, close to the petals of a purple iris flower. It has enough blue to read as cool, but the purple pull keeps it from feeling stark.

What is the meaning of the color Blue Iris?

The iris flower itself gave this color its name — the genus Iris spans hundreds of species, documented by Theophrastus as early as the 4th century BC, and its blue-violet varieties became a lasting reference point for this hue. The color gained wider recognition through botanical illustration traditions in Europe, where painters needed precise pigment references for natural history publications from the 17th century onward. Pantone formalized the name Blue Iris when it selected the shade as its Color of the Year for 2008, describing it as a blend of blue stability and violet creativity. That designation brought the color into wide use across fashion, packaging, and interior product lines marketed that year.

RGB
90, 79, 207
HSL
245°, 57%, 56%
CMYK
57, 62, 0, 19
HSV
245°, 62%, 81%
Blue iris color

What colors go with Blue Iris?

Colors that pair well with Blue iris include:
Soft white: clean, airy contrast
Gold: warm, rich balance
Charcoal: grounding dark depth
Dusty rose: gentle complementary warmth
Sage green: cool, muted harmony

Similar Colors

Conversions & Codes

Format Value CSS
HEX #5A4FCF color: #5A4FCF;
RGB 90, 79, 207 color: rgb(90, 79, 207);
RGB Percentage 35%, 31%, 81% color: rgb(35%, 31%, 81%);
CMYK 57%, 62%, 0%, 19% Not supported in CSS
HSL 245°, 57%, 56% color: hsl(245, 57%, 56%);
HSV 245°, 62%, 81% Not supported in CSS
CIE-LAB 45, 2, -43 color: lab(45% 2 -43);
Decimal 5918671 Not supported in CSS

Color Variations

Shades

#5A4FCF
#4438C9
#3C31B3
#342B9D
#2D2587
#251F70
#1E195A
#161243

Tints

#CDCAF1
#BDB9EC
#ACA7E7
#9C95E2
#8B84DD
#7B72D8
#6A60D4
#5A4FCF

Tones

#5A4FCF
#5F55C8
#645CC2
#6962BC
#6F68B5
#746FAF
#7975A8
#7F7CA2

Hues

#5A4FCF
#B94FCF
#CF4F84
#CF794F
#C4CF4F
#64CF4F
#4FCF99
#4FA4CF

Color Harmonies

Analogous

#4F84CF
Click to copy
#5A4FCF
Click to copy
#994FCF
Click to copy

Complementary

#5A4FCF
Click to copy
#C4CF4F
Click to copy

Split Complementary

#5A4FCF
Click to copy
#CF994F
Click to copy
#84CF4F
Click to copy

Triadic

#5A4FCF
Click to copy
#CF5A4F
Click to copy
#4FCF5A
Click to copy

Tetradic

#5A4FCF
Click to copy
#CF4F84
Click to copy
#C4CF4F
Click to copy
#4FCF99
Click to copy

Square

#5A4FCF
Click to copy
#CF4F84
Click to copy
#C4CF4F
Click to copy
#4FCF99
Click to copy

CSS & Dev Snippets

CSS
.blue-iris {
  color: #5A4FCF;
}
SCSS
$blue-iris: #5A4FCF;
RGB
rgb(90, 79, 207)

Accessibility & Contrast

White background

6.08:1
6.08
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

3.45:1
3.45
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags