Palest Indigo is a very light, vivid shade in the blue color family, with a cool feel. Its HEX code is #D6CCFF, which equals rgb(214, 204, 255) in RGB and hsl(252, 100%, 90%) in HSL. In print terms it converts to roughly C16 M20 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#D6CCFF - RGB
214, 204, 255 - HSL
252°, 100%, 90% - CMYK
16, 20, 0, 0 - Family
Blue - Tone
Very light, vivid
About Palest 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 13.94:1. Its complementary color is #F5FFCC.
Download Palest 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…
Palest Indigo color codes
| HEX | #D6CCFF |
|---|---|
| RGB | rgb(214, 204, 255) |
| HSL | hsl(252, 100%, 90%) |
| HSV | 252°, 20%, 100% |
| CMYK | 16%, 20%, 0%, 0% |
| Decimal | 14077183 |
Shades and tints of Palest Indigo
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F8F7FF - 100
#F1EEFF - 200
#EBE6FF - 300
#E4DDFF - 400
#DDD5FF - 500
#D6CCFF - 600
#B2AAD5 - 700
#8F88AA - 800
#6B6680 - 900
#474455 - 950
#24222B
Color harmonies for Palest Indigo
- Complementary
#F5FFCC≈ Palest Chartreuse - Analogous −30°
#CCDBFF≈ Palest Cornflower - Analogous +30°
#F0CCFF≈ Palest Amethyst - Triadic +120°
#FFD6CC≈ Palest Scarlet - Triadic +240°
#CCFFD6≈ Palest Kelly - Split 150°
#FFF0CC≈ Palest Tangerine - Split 210°
#DBFFCC≈ Palest Clover
Contrast and accessibility of Palest Indigo
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Indigo | Aa | 1.51:1 | Fails |
| Black text on Palest Indigo | Aa | 13.94:1 | AAA (excellent) |
CSS code for Palest Indigo
background-color: #D6CCFF;color: #D6CCFF;background-color: rgb(214, 204, 255);background-color: hsl(252, 100%, 90%);:root { --color-palest-indigo: #D6CCFF; }class="bg-[#D6CCFF]"Colors similar to Palest Indigo
- Palest Ultramarine
#D1CCFF - Palest Iris
#DBCCFF - Palest Bright Ultramarine
#D5D1FA - Palest Bright Indigo
#D9D1FA - Palest Bright Blue
#D1D1FA - Periwinkle
#CCCCFF - Palest Periwinkle
#E0CCFF - Palest Bright Iris
#DDD1FA - Palest Royal
#CCD1FF - Palest Bright Royal
#D1D5FA - Palest Bright Periwinkle
#E1D1FA - Palest Soft Blue
#D6D6F5
More blue shades
- Medium Dark Indigo
#2B00D6 - Pure Indigo
#3300FF - Medium Light Indigo
#5429FF - Light Indigo
#7452FF - Pale Indigo
#957AFF - Very Pale Indigo
#B6A3FF - Darkest Bright Indigo
#0D052E - Very Dark Bright Indigo
#180953 - Dark Bright Indigo
#220D77 - Deep Bright Indigo
#2D119C - Medium Dark Bright Indigo
#3815C1
Frequently asked questions
What is the HEX code for Palest Indigo?
The HEX code for Palest Indigo is #D6CCFF.
What is the RGB value of Palest Indigo?
Palest Indigo has an RGB value of 214, 204, 255 (rgb(214, 204, 255)). In HSL it is 252°, 100%, 90%.
What text color should I use on Palest Indigo?
Use black text on Palest Indigo. White text has a contrast ratio of 1.51:1 and black text has 13.94:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Indigo?
The complementary color of Palest Indigo is #F5FFCC. Analogous colors #CCDBFF and #F0CCFF also pair well.