Skip to content

Iris #5a4fcf

Blue-violet, named twice by nature.

RGB
90, 79, 207
HSL
245°, 57%, 56%
CMYK
57, 62, 0, 19
Luminance
0.1227

About Iris

Iris, #5a4fcf, is blue-violet at flower saturation — named for both the bloom and the colored ring of the eye, which shares the Greek word for rainbow. It is purple leaning firmly blue: regal but energetic.

History

The iris flower colored heraldry (the fleur-de-lis is a stylized iris) and Van Gogh’s asylum-garden canvases; the eye’s iris borrowed the name from Iris, Greek goddess of the rainbow. The color sits between indigo and violet.

Psychology

Iris reads imaginative, dignified and vivid — purple’s creativity with blue’s depth. It signals wisdom and inspiration, a favorite of "thoughtful tech" branding.

In design

Iris is a vivid accent and gradient stop: luminous on dark, large-text on white (4.5:1). Pair with gold, cyan (gradients), blush and slate. It gives violet-adjacent identities a bluer, more electric edge.

In culture

The fleur-de-lis, the eye’s iris, the rainbow goddess and Van Gogh’s Irises: one word bridging botany, anatomy, myth and masterpiece.

Brands that own iris

Shades of iris

Every format

HEX#5a4fcf
RGBrgb(90, 79, 207)
HSLhsl(245, 57%, 56%)
CMYKcmyk(57%, 62%, 0%, 19%)
LABlab(41.6 40.1 -65.0)
LCHlch(41.6 76.3 301.7)
OKLCHoklch(0.514 0.190 281.2)

Copy-ready code

/* CSS */
color: #5a4fcf;
background-color: #5a4fcf;
/* Tailwind (arbitrary) */
class="text-[#5a4fcf] bg-[#5a4fcf]"
/* SCSS */
$brand: #5a4fcf;
/* SwiftUI */
Color(red: 0.353, green: 0.310, blue: 0.812)
/* Android */
Color.parseColor("#5a4fcf")

Accessibility — WCAG contrast

Aa
#5a4fcf on white: 6.08:1
AA ✓ pass · AA-large · AAA
Aa
#5a4fcf on black: 3.45:1
AA ✗ fail · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red35.3%
Green31.0%
Blue81.2%

CMYK percentages

Cyan56.5%
Magenta61.8%
Yellow0.0%
Key (black)18.8%

Color previews

#5a4fcf text on a black background

contrast 3.45:1

Card sample

#5a4fcf text on a white background

contrast 6.08:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #5a4fcf;
Background color
Panel with #5a4fcf background
background-color: #5a4fcf;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #5a4fcf;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(90, 79, 207, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(90, 79, 207, 0.45);
Border & gradient
Gradient panel
border: 3px solid #5a4fcf;
background: linear-gradient(135deg, #5a4fcf, #AF4FCF);

Monochromatic scale

Palettes built from #5a4fcf

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Iris, answered

What is the hex code for iris?

Iris is #5a4fcf — a vivid blue-violet between indigo and periwinkle.

Why is the eye part called an iris?

From Iris, Greek goddess of the rainbow — the eye’s colored ring took the name for its varied hues, as did the flower.

What pairs with iris?

Gold (heritage), cyan (gradients), blush (modern), slate for grounding depth.

Work with #5a4fcf in the Color Lab