Lighter companion
Warm Gray Pearl
#D9D6D4 · hsl(30, 6%, 84%)
RGB
rgb(197, 194, 190)
HSL
hsl(30, 6%, 76%)
CMYK
cmyk(0%, 2%, 4%, 23%)
Metrics
S 6% · L 76%
Contrast (WCAG)
on white
1.8:1Fail
on black
11.8:1AA
About this color
Warm Gray Bloom (#C5C2BE) belongs to the orange family — hue 30°, 6% saturation, 76% 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-warm-gray-bloom: #C5C2BE; --colorarchive-warm-gray-bloom-hsl: hsl(30, 6%, 76%); --colorarchive-warm-gray-bloom-rgb: rgb(197, 194, 190); }
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
Warm Gray Silk
#B2ADA9 · hsl(30, 6%, 68%)
Complementary counterpoint
Cool Gray Bloom
#BEC2C5 · hsl(210, 6%, 76%)
Analogous lead
Amber Bloom Faint
#C8C6BC · hsl(50, 10%, 76%)
Analogous echo
Ruby Bloom Faint
#C8BEBC · hsl(10, 10%, 76%)
Triadic +120°
Jade Bloom Faint
#BCC8C2 · hsl(150, 10%, 76%)
Triadic +240°
Plum Bloom Faint
#C2BCC8 · hsl(270, 10%, 76%)
Split-comp +150°
Aqua Bloom Faint
#BCC8C8 · hsl(180, 10%, 76%)
Split-comp +210°
Iris Bloom Faint
#BCBCC8 · hsl(240, 10%, 76%)
Export preview
Base: Warm Gray Bloom #C5C2BE Lighter companion: Warm Gray Pearl #D9D6D4 Darker companion: Warm Gray Silk #B2ADA9 Complementary counterpoint: Cool Gray Bloom #BEC2C5 Analogous lead: Amber Bloom Faint #C8C6BC Analogous echo: Ruby Bloom Faint #C8BEBC Triadic +120°: Jade Bloom Faint #BCC8C2 Triadic +240°: Plum Bloom Faint #C2BCC8 Split-comp +150°: Aqua Bloom Faint #BCC8C8 Split-comp +210°: Iris Bloom Faint #BCBCC8
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Coral Bloom Faint
#C8C2BC · hsl(30, 10%, 76%)
Nearby match
Coral Bloom Muted
#CDC2B7 · hsl(30, 18%, 76%)
Nearby match
Warm Gray Silk
#B2ADA9 · hsl(30, 6%, 68%)
Nearby match
Warm Gray Pearl
#D9D6D4 · hsl(30, 6%, 84%)
Nearby match
Coral Silk Faint
#B6ADA5 · hsl(30, 10%, 68%)
Nearby match
Coral Pearl Faint
#DAD6D2 · hsl(30, 10%, 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
#C4C4BF
Protanopia
#C4C4BF
Tritanopia
#C5C0C0
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.