Pale Indigo is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #957AFF, which equals rgb(149, 122, 255) in RGB and hsl(252, 100%, 74%) in HSL. In print terms it converts to roughly C42 M52 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#957AFF - RGB
149, 122, 255 - HSL
252°, 100%, 74% - CMYK
42, 52, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Pale Indigo
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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 6.51:1. Its complementary color is #E4FF7A.
Download Pale Indigo 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 Indigo color codes
| HEX | #957AFF |
|---|---|
| RGB | rgb(149, 122, 255) |
| HSL | hsl(252, 100%, 74%) |
| HSV | 252°, 52%, 100% |
| CMYK | 42%, 52%, 0%, 0% |
| Decimal | 9796351 |
Shades and tints of Pale Indigo
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EDE9FF - 100
#DCD3FF - 200
#CABDFF - 300
#B8A6FF - 400
#A790FF - 500
#957AFF - 600
#7C66D5 - 700
#6351AA - 800
#4B3D80 - 900
#322955 - 950
#19142B
Color harmonies for Pale Indigo
- Complementary
#E4FF7A≈ Pale Chartreuse - Analogous −30°
#7AA2FF≈ Pale Cornflower - Analogous +30°
#D77AFF≈ Pale Amethyst - Triadic +120°
#FF957A≈ Light Salmon - Triadic +240°
#7AFF95≈ Pale Kelly - Split 150°
#FFD77A≈ Pale Tangerine - Split 210°
#A2FF7A≈ Pale Clover
Contrast and accessibility of Pale Indigo
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Indigo | Aa | 3.23:1 | AA Large only |
| Black text on Pale Indigo | Aa | 6.51:1 | AA (good) |
CSS code for Pale Indigo
background-color: #957AFF;color: #957AFF;background-color: rgb(149, 122, 255);background-color: hsl(252, 100%, 74%);:root { --color-pale-indigo: #957AFF; }class="bg-[#957AFF]"Colors similar to Pale Indigo
- Pale Ultramarine
#887AFF - Pale Iris
#A27AFF - Pale Bright Ultramarine
#9288F2 - Pale Bright Indigo
#9D88F2 - Pale Bright Blue
#8888F2 - Pale Periwinkle
#AF7AFF - Pale Blue
#7A7AFF - Pale Bright Iris
#A788F2 - Pale Royal
#7A88FF - Light Bright Periwinkle
#9A63EE - Light Bright Iris
#8D63EE - Light Soft Iris
#9374DC
More blue shades
- Dark Indigo
#1B0085 - Deep Indigo
#2300AD - Medium Dark Indigo
#2B00D6 - Pure Indigo
#3300FF - Medium Light Indigo
#5429FF - Light Indigo
#7452FF - Very Pale Indigo
#B6A3FF - Palest Indigo
#D6CCFF - Darkest Bright Indigo
#0D052E - Very Dark Bright Indigo
#180953 - Dark Bright Indigo
#220D77
Frequently asked questions
What is the HEX code for Pale Indigo?
The HEX code for Pale Indigo is #957AFF.
What is the RGB value of Pale Indigo?
Pale Indigo has an RGB value of 149, 122, 255 (rgb(149, 122, 255)). In HSL it is 252°, 100%, 74%.
What text color should I use on Pale Indigo?
Use black text on Pale Indigo. White text has a contrast ratio of 3.23:1 and black text has 6.51:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Indigo?
The complementary color of Pale Indigo is #E4FF7A. Analogous colors #7AA2FF and #D77AFF also pair well.