Pale Iris is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #A27AFF, which equals rgb(162, 122, 255) in RGB and hsl(258, 100%, 74%) in HSL. In print terms it converts to roughly C36 M52 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#A27AFF - RGB
162, 122, 255 - HSL
258°, 100%, 74% - CMYK
36, 52, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Pale 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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 6.76:1. Its complementary color is #D7FF7A.
Download Pale 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…
Pale Iris color codes
| HEX | #A27AFF |
|---|---|
| RGB | rgb(162, 122, 255) |
| HSL | hsl(258, 100%, 74%) |
| HSV | 258°, 52%, 100% |
| CMYK | 36%, 52%, 0%, 0% |
| Decimal | 10648319 |
Shades and tints of Pale Iris
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F0E9FF - 100
#E0D3FF - 200
#D1BDFF - 300
#C1A6FF - 400
#B290FF - 500
#A27AFF - 600
#8766D5 - 700
#6C51AA - 800
#513D80 - 900
#362955 - 950
#1B142B
Color harmonies for Pale Iris
- Complementary
#D7FF7A≈ Pale Spring Bud - Analogous −30°
#7A95FF≈ Pale Sapphire - Analogous +30°
#E47AFF≈ Pale Grape - Triadic +120°
#FFA27A≈ Light Salmon - Triadic +240°
#7AFFA2≈ Pale Emerald - Split 150°
#FFE47A≈ Pale Amber - Split 210°
#95FF7A≈ Pale Shamrock
Contrast and accessibility of Pale Iris
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Iris | Aa | 3.10:1 | AA Large only |
| Black text on Pale Iris | Aa | 6.76:1 | AA (good) |
CSS code for Pale Iris
background-color: #A27AFF;color: #A27AFF;background-color: rgb(162, 122, 255);background-color: hsl(258, 100%, 74%);:root { --color-pale-iris: #A27AFF; }class="bg-[#A27AFF]"Colors similar to Pale Iris
- Pale Indigo
#957AFF - Pale Periwinkle
#AF7AFF - Pale Bright Iris
#A788F2 - Pale Bright Indigo
#9D88F2 - Pale Ultramarine
#887AFF - Pale Bright Ultramarine
#9288F2 - Pale Bright Periwinkle
#B288F2 - Pale Violet
#BD7AFF - Light Bright Violet
#A863EE - Pale Bright Blue
#8888F2 - Light Bright Periwinkle
#9A63EE - Light Soft Periwinkle
#9E74DC
More blue shades
- Dark Iris
#280085 - Deep Iris
#3400AD - Medium Dark Iris
#4000D6 - Pure Iris
#4D00FF - Medium Light Iris
#6929FF - Light Iris
#8652FF - Very Pale Iris
#BFA3FF - Palest Iris
#DBCCFF - Darkest Bright Iris
#11052E - Very Dark Bright Iris
#1F0953 - Dark Bright Iris
#2D0D77
Frequently asked questions
What is the HEX code for Pale Iris?
The HEX code for Pale Iris is #A27AFF.
What is the RGB value of Pale Iris?
Pale Iris has an RGB value of 162, 122, 255 (rgb(162, 122, 255)). In HSL it is 258°, 100%, 74%.
What text color should I use on Pale Iris?
Use black text on Pale Iris. White text has a contrast ratio of 3.10:1 and black text has 6.76:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Iris?
The complementary color of Pale Iris is #D7FF7A. Analogous colors #7A95FF and #E47AFF also pair well.