Lighter companion
Canary Mist Soft
#EEEDDD · hsl(55, 34%, 90%)
RGB
rgb(228, 226, 200)
HSL
hsl(55, 34%, 84%)
CMYK
cmyk(0%, 1%, 12%, 11%)
Metrics
S 34% · L 84%
Contrast (WCAG)
on white
1.3:1Fail
on black
16:1AA
About this color
Canary Pearl Soft (#E4E2C8) belongs to the yellow family — hue 55°, 34% 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-canary-pearl-soft: #E4E2C8; --colorarchive-canary-pearl-soft-hsl: hsl(55, 34%, 84%); --colorarchive-canary-pearl-soft-rgb: rgb(228, 226, 200); }
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
Canary Bloom Soft
#D7D3AD · hsl(55, 34%, 76%)
Complementary counterpoint
Indigo Pearl Soft
#C8CDE4 · hsl(230, 34%, 84%)
Analogous lead
Olive Pearl Soft
#DBE4C8 · hsl(80, 34%, 84%)
Analogous echo
Coral Pearl Soft
#E4D6C8 · hsl(30, 34%, 84%)
Triadic +120°
Cyan Pearl Soft
#C8E4E2 · hsl(175, 34%, 84%)
Triadic +240°
Magenta Pearl Soft
#DFC8E4 · hsl(290, 34%, 84%)
Split-comp +150°
Steel Pearl Soft
#C8D9E4 · hsl(205, 34%, 84%)
Split-comp +210°
Orchid Pearl Soft
#D2C8E4 · hsl(260, 34%, 84%)
Export preview
Base: Canary Pearl Soft #E4E2C8 Lighter companion: Canary Mist Soft #EEEDDD Darker companion: Canary Bloom Soft #D7D3AD Complementary counterpoint: Indigo Pearl Soft #C8CDE4 Analogous lead: Olive Pearl Soft #DBE4C8 Analogous echo: Coral Pearl Soft #E4D6C8 Triadic +120°: Cyan Pearl Soft #C8E4E2 Triadic +240°: Magenta Pearl Soft #DFC8E4 Split-comp +150°: Steel Pearl Soft #C8D9E4 Split-comp +210°: Orchid Pearl Soft #D2C8E4
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Canary Pearl Dust
#E1DFCC · hsl(55, 26%, 84%)
Nearby match
Canary Mist Soft
#EEEDDD · hsl(55, 34%, 90%)
Nearby match
Amber Pearl Soft
#E4DFC8 · hsl(50, 34%, 84%)
Nearby match
Citrine Pearl Soft
#E4E4C8 · hsl(60, 34%, 84%)
Nearby match
Canary Bloom Soft
#D7D3AD · hsl(55, 34%, 76%)
Nearby match
Canary Pearl Muted
#DEDCCF · hsl(55, 18%, 84%)
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
#E3E3D0
Protanopia
#E3E3CF
Tritanopia
#E4D4D5
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.