Blue iris is a calming and elegant shade that lies between blue and violet on the color wheel. Its serene hue combines the depth of blue with violet's subtle hint of red. Related shades include periwinkle and lavender. Use blue iris in designs to evoke tranquility and sophistication.
Blue Iris is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #5A4FCF
- RGB value: 35.3% red, 31.0% green, 81.2% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as Blue Iris, consider:
- Powder Blue (#b8e3e9): Powder Blue offers a soft and subtle hue, resembling Blue Iris’s tranquil and soothing vibe while leaning toward a slightly lighter touch.
- Sky Blue (#82c8e5): Sky Blue captures the serene and airy feel of Blue Iris, with a bright and refreshing quality that evokes open skies.
- Light Blue (#90d5ff): Light Blue presents a serene and calming undertone similar to Blue Iris, maintaining a gentle and cool presence with just a hint more brightness.
- Misty Blue (#b5c7eb): Misty Blue reflects the misty, ethereal quality of Blue Iris with its soft and muted elegance, closely matching the gentle blues of clear skies.
To complement Blue Iris, consider pairing it with:
- Mustard Yellow (#ffce1b): Provides a bold, warm contrast, creating a vibrant and balanced look.
- Mint Green (#adebb3): Softens Blue Iris with a refreshing and calming touch, ideal for a relaxed atmosphere.
- Coral (#ff8559): Adds warmth and energy, highlighting Blue Iris’s depth without overpowering it.
- Powder Blue (#b8e3e9): Creates a soothing, monochromatic palette, emphasizing the cool tranquility of Blue Iris.
While Blue Iris is a captivating and serene shade, it may clash with:
- Bright Orange (#FF991C): The vividness of bright orange contrasts sharply with the cool tranquility of Blue Iris, creating a jarring effect.
- Neon Pink (#FF13F0): Neon pink's intense brightness can overpower the subtle elegance of Blue Iris, leading to a discordant visual landscape.
- Chartreuse (#CCFF00): The high saturation and brightness of chartreuse create an unsettling contrast with the calmness of Blue Iris.
- Scarlet (#ED2100): Scarlet’s intense warmth conflicts with the cool tone of Blue Iris, resulting in a stark, contrasting palette.
- Kelly Green (#4CBB17): The vibrancy of kelly green competes with Blue Iris, potentially disrupting its soothing aura.
- **test**:
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Royal Whimsy
Amethyst Honey
Astral Dream
Contrast checker
Contrast 6.08
- Large Text
#5A4FCF
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.45
- Large Text
#5A4FCF
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #5A4FCF, known as Blue Iris, has RGB values of R:90, G:79, B:207 and CMYK values of C:57, M:62, Y:0, K:19.
| VALUE | CSS | |
|---|---|---|
| HEX | #5A4FCF | #5A4FCF |
| RGB DECIMAL | 90, 79, 207 | RGB(90,79,207) |
| RGB PERCENTAGE | 35.3, 31.0, 81.2 | RGB(35.3%,31.0%,81.2%) |
| CMYK | 57, 62, 0, 19 | |
| HSL | HSL(245.2, 57.1%, 56.1%) | HSL(245.2, 57.1%, 56.1%) |
| HSV (OR HSB) | 245.2°, 61.8, 81.2 | |
| WEB SAFE | #102102204 | #102102204 |
| BINARY | 01011010, 01001111, 11001111 | |
| iOS - SwiftUI | Color(red: 0.353, green: 0.310, blue: 0.812) | |
| iOS - UIKit | UIColor(red: 0.353, green: 0.310, blue: 0.812, alpha: 1) | |
| Android - Compose | Color(0xFF5A4FCF) |
