Lighter companion
Indigo Mist Dust
#DFE1EC · hsl(230, 26%, 90%)
RGB
rgb(204, 207, 225)
HSL
hsl(230, 26%, 84%)
CMYK
cmyk(9%, 8%, 0%, 12%)
Metrics
S 26% · L 84%
Contrast (WCAG)
on white
1.5:1Fail
on black
13.6:1AA
About this color
Indigo Pearl Dust (#CCCFE1) belongs to the blue family — hue 230°, 26% saturation, 84% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
CSS
:root { --colorarchive-indigo-pearl-dust: #CCCFE1; --colorarchive-indigo-pearl-dust-hsl: hsl(230, 26%, 84%); --colorarchive-indigo-pearl-dust-rgb: rgb(204, 207, 225); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Indigo Bloom Dust
#B2B7D2 · hsl(230, 26%, 76%)
Complementary counterpoint
Amber Pearl Dust
#E1DDCC · hsl(50, 26%, 84%)
Analogous lead
Violet Pearl Dust
#CFCCE1 · hsl(250, 26%, 84%)
Analogous echo
Steel Pearl Dust
#CCD8E1 · hsl(205, 26%, 84%)
Triadic +120°
Merlot Pearl Dust
#E1CCCF · hsl(350, 26%, 84%)
Triadic +240°
Leaf Pearl Dust
#CFE1CC · hsl(110, 26%, 84%)
Split-comp +150°
Ember Pearl Dust
#E1D3CC · hsl(20, 26%, 84%)
Split-comp +210°
Olive Pearl Dust
#DAE1CC · hsl(80, 26%, 84%)
Export preview
Base: Indigo Pearl Dust #CCCFE1 Lighter companion: Indigo Mist Dust #DFE1EC Darker companion: Indigo Bloom Dust #B2B7D2 Complementary counterpoint: Amber Pearl Dust #E1DDCC Analogous lead: Violet Pearl Dust #CFCCE1 Analogous echo: Steel Pearl Dust #CCD8E1 Triadic +120°: Merlot Pearl Dust #E1CCCF Triadic +240°: Leaf Pearl Dust #CFE1CC Split-comp +150°: Ember Pearl Dust #E1D3CC Split-comp +210°: Olive Pearl Dust #DAE1CC
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Indigo Pearl Muted
#CFD1DE · hsl(230, 18%, 84%)
Nearby match
Indigo Pearl Soft
#C8CDE4 · hsl(230, 34%, 84%)
Nearby match
Indigo Mist Dust
#DFE1EC · hsl(230, 26%, 90%)
Nearby match
Indigo Bloom Dust
#B2B7D2 · hsl(230, 26%, 76%)
Nearby match
Indigo Pearl Faint
#D2D3DA · hsl(230, 10%, 84%)
Nearby match
Indigo Whisper Dust
#ECEDF4 · hsl(230, 26%, 94%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#CDCDDC
Protanopia
#CDCDDD
Tritanopia
#CCD9D9
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.