Closest web-safe match: #CCCCCC

Color Details and Palettes for #BBB9B9

Details about the color Dust to Dust#BBB9B9

Conversions, palettes, contrast & design ideas for this color.

Silver family Neutral WCAG ink: dark
HEX #BBB9B9 RGB rgb(187, 185, 185) HSL hsl(0, 1%, 73%) CMYK cmyk(0%, 1%, 1%, 27%)

Color profile

About Color Hex #BBB9B9

#BBB9B9 is a neutral color from the Silver family, closest in name to “Dust to Dust”. In RGB it is rgb(187, 185, 185); in HSL, hsl(0, 1%, 73%).

The color Dust to Dust, with hexadecimal code #bbb9b9, falls within the silver range—a cool, luminous neutral that suggests precision and modernity, popular in tech and automotive branding. Additionally, it evokes emotions such as Softness, Delicacy, Calmness, Relaxation and Friendliness. With negligible saturation (1%), this color is effectively achromatic—a pure neutral that pairs with any hue without competition. At 73% lightness, it strikes an approachable, open balance—bright enough to feel welcoming yet substantial enough to carry visual weight. This color is ideal for designs that aim to express Softness, Delicacy, Calmness, Relaxation, or Friendliness. It can be effectively used in web design, branding, and marketing materials to attract attention and convey specific messages.

Key facts

RGB 187, 185, 185 red · green · blue HSL 0° 1% 73% hue · sat · light HSV 0° 1% 73% design-app pickers CMYK 0 1 1 27 print inks, % Luminance 0.488 0 dark → 1 light On black 10.75:1 ✓ AA contrast ratio On white 1.95:1 ✕ AA contrast ratio Web-safe #CCCCCC closest web-safe Best text black ideal foreground Character Pastel neutral · silver family

The story of this color

History, Usage, Psychology & Design Ideas for #BBB9B9

Dust to Dust (#BBB9B9) belongs to the Silver color family.

As an achromatic shade, this color carries a timeless, versatile neutrality that anchors any palette it joins.

Historical Background

Silver tones have been revered since antiquity; the metal itself was used as currency across Mesopotamia, Greece, and Rome. In heraldry, silver (argent) represents sincerity and peace. The Art Deco era of the 1920s–30s popularized silver finishes in architecture and product design, lending a sense of machine-age elegance that persists in modern automotive and tech aesthetics.

Design & Usage Tips

Silver and light-gray tones serve as sophisticated neutrals for professional interfaces—dashboards, SaaS platforms, and enterprise tools use silver dividers, input fields, and card backgrounds. Pairing silver with deep navy or charcoal text ensures legibility while maintaining an upscale, muted palette.

Psychological Impact

Silver conveys modernity, precision, and restraint. It feels cooler and more technological than warm grays, making it popular in tech branding. It can also evoke maturity and reliability, which is why financial and engineering firms gravitate toward silver-toned palettes.

At 73% lightness, it reads clearly on dark backgrounds and provides a welcoming, open feel in light-themed designs—versatile across both contexts.

Creative Design Ideas

Create a gradient from silver to white for subtle hero-section backgrounds that add depth without distraction. Use silver metallic accents on packaging to signal premium quality. In web design, silver hover states on buttons provide elegant feedback without competing with the primary brand color.

Every format

#BBB9B9 Color Conversions

Every way to write Dust to Dust — one-tap copy on every format; tap on any card to learn what it is and when to use it.

12 formats
HEX Web
#BBB9B9

Hexadecimal is the web’s universal color notation — two digits each for red, green and blue. Drop it straight into HTML, CSS or any design tool.

RGB Screen
rgb(187, 185, 185)

RGB is the additive Red-Green-Blue model every screen uses to emit light. The default choice for websites, apps and on-screen UI.

HSL Web
hsl(0, 1%, 73%)

HSL breaks a color into Hue, Saturation and Lightness — the most intuitive way to lighten, darken or mute a color in CSS.

HSV HSB Design
hsv(0, 1%, 73%)

HSV (also called HSB) maps Hue, Saturation and Value/Brightness. It is the model behind the color pickers in Photoshop, Figma and most design apps.

HWB CSS 4
hwb(0 73% 27%)

HWB blends a pure hue with Whiteness and Blackness — a painter-friendly model added in CSS Color 4 for quick tints and shades.

CMYK Print
cmyk(0%, 1%, 1%, 27%)

CMYK is the subtractive Cyan-Magenta-Yellow-Black ink model. Use these values when preparing artwork for a printer or commercial press.

OKLCH Modern
oklch(78.74% 0.002 17.21)

OKLCH is a modern, perceptually-uniform space (Lightness, Chroma, Hue). It powers smooth gradients and accessible palettes in today’s CSS.

OKLab Modern
oklab(78.74% 0.002 0.001)

OKLab is the Cartesian form of OKLCH — ideal for blending and interpolating colors without the muddy midpoints older spaces produce.

CIELAB L*a*b* Perceptual
L: 75.31, a: 0.70, b: 0.24

CIELAB is a device-independent, perceptually-uniform space. It is the standard for measuring color difference (ΔE) and matching across devices.

LCH Perceptual
L: 75.31, C: 0.74, H: 18.77

LCH is CIELAB in cylindrical form — Lightness, Chroma and Hue — letting you adjust vividness and hue while staying perceptually even.

XYZ CIE Science
X: 46.60, Y: 48.77, Z: 52.86

CIE XYZ is the 1931 master space that underpins every other model here — the scientific bridge used to convert between color systems.

Decimal int Code
12302777

The 24-bit integer value of the color — handy for databases, APIs, game engines and low-level graphics code.

Channel breakdown

RGB Color Percentages for #BBB9B9

How much red, green and blue light mixes into Dust to Dust.

Red 187/255 33.6% Green 185/255 33.2% Blue 185/255 33.2%

Percentages show each channel's share of the total light (R + G + B) in Dust to Dust.

Ink coverage

CMYK Ink Levels & Print Guide for #BBB9B9

Ink needed to reproduce Dust to Dust in four-color print. Heaviest ink: Key (Black).

0% CYAN 1% MAGENTA 1% YELLOW 27% KEY

Print tip: treat these values as a starting point — final output depends on printer profile, paper stock and calibration.

Accessibility · WCAG

Luminance & Contrast for #BBB9B9

How bright Dust to Dust is, and how far black and white text clear each WCAG bar.

Relative luminance 0.488
0 · dark1 · light

Contrast ratio · 1:1 → 21:1 (log scale)

Aa Black text 10.75:1 ✓ AA ✓ AAA ✓ Large
Aa White text 1.95:1 ✕ AA ✕ AAA ✕ Large

Developer shortcuts

Quick CSS Snippets for #BBB9B9

Copy-and-paste CSS for Dust to Dust — per-line copy, or grab the whole block.

dust-to-dust.css
background-color: #BBB9B9;
color: #BBB9B9;
border: 2px solid #BBB9B9;
background-color: rgb(187, 185, 185);
background-color: hsl(0, 1%, 73%);
--color: #BBB9B9;

Shades · light to dark

#BBB9B9 Monochrome Palette

Lighter and darker steps of Dust to Dust — the color's full brightness range in one strip.

#F8F8F8
#EEEEEE
#E4E3E3
#DAD9D9
#CFCECE
#C5C4C4
#BBB9B9
#9F9D9D
#838282
#676666
#4B4A4A
#2F2E2E
#131313

The dot marks the original color. Hover any shade to copy its hex or open its color page.

Harmony · 180° apart

#BBB9B9 Complementary Palette

Two colors opposite on the wheel — maximum contrast for attention-grabbing accents.

#BBB9B9
#B9BBBB

The dot marks the original color. Hover any shade to copy its hex or open its color page.

Harmony · adjacent hues

#BBB9B9 Analogic Palette

Neighboring hues on the wheel — harmonious, calm combinations that feel unified.

#BBB9B9
#BBBAB9
#BBB9BA
#BBBBB9
#BBB9BB
#BABBB9
#BAB9BB

The dot marks the original color. Hover any shade to copy its hex or open its color page.

Harmony · 120° apart

#BBB9B9 Triadic Palette

Three colors evenly spaced on the wheel — vibrant and energetic, yet balanced.

#BBB9B9
#B9BBB9
#B9B9BB

The dot marks the original color. Hover any shade to copy its hex or open its color page.

Harmony · 90° apart

#BBB9B9 Quad Palette

Four colors evenly spaced on the wheel (tetradic) — rich schemes with multiple accents.

#BBB9B9
#BABBB9
#B9BBBB
#BAB9BB

The dot marks the original color. Hover any shade to copy its hex or open its color page.

Accessibility

Color Blindness Simulation for #BBB9B9

How Dust to Dust reads across five kinds of color vision — a ✓ Friendly verdict means the color difference stays distinguishable for that vision type.

#BBB9B9
#BABAB9
#BABAB9
#BBB9B9
#B9B9B9
Normal vision full color Deuteranopia green weakness ✓ Friendly Protanopia red weakness ✓ Friendly Tritanopia blue-yellow weakness ✓ Friendly Achromatopsia total color blindness ✓ Friendly

The dot marks the original color. Hover any shade to copy its hex.

Harmony overview

Color Harmonies for #BBB9B9

The lead color from each harmony scheme, side by side — a shortcut to the full palettes above.

#B9BBBB
#BBBAB9
#B9BBB9
#BABBB9
Complementary opposite hue Analogous adjacent hue Triadic 120° apart Tetradic (Quad) 90° apart

Perceptually nearby

#BBB9B9 Nearby Colors

A step away in brightness, richness or shade — each still feels like the same color.

Light Gray#CCCCCC
Dark Gray#AAAAAA
Gainsboro#DDDDDD
Million Grey#999999
Cold Turkey#CCBBBB
Silver#BBBBBB
Grey Sheep#BBAAAA

From the color-name library

Colors Similar to #BBB9B9

The closest named colors to #BBB9B9 — same mood, each with its own character.

Dust to Dust#BBBCBC
Wolfram#B5B6B7
Rough Asphalt#BDBEBF
Silver#C0C0C0
Tangled Web#B2B2B2
Grey Marble#B9B4B1
Microchip#BABCC0
Magnesium#C1C2C3
Explosive Grey#C4C4C4
Rampart#BCB7B1
Weathered Stone#C4C5C6
Moonwalk#BEBEC4

Looking for more Silver shades? Browse Silver colors →

Inspiration

Explore Vibrant Images Featuring Dust to Dust (#bbb9b9)

Curated Unsplash photos that carry the mood of Dust to Dust — hover any tile to download it or view the original.

Good to know

Frequently Asked Questions about #BBB9B9

#BBB9B9 is a neutral color from the Silver family. Its closest matched name is “Dust to Dust”, matched perceptually with the CIEDE2000 color-difference formula. In RGB it is rgb(187, 185, 185); in HSL, hsl(0, 1%, 73%).
In RGB, #BBB9B9 is rgb(187, 185, 185); in HSL it is hsl(0, 1%, 73%); and in CMYK — the model used for print — it is cmyk(0%, 1%, 1%, 27%).
#BBB9B9 has a contrast ratio of 10.75:1 against black and 1.95:1 against white. For readability, black body text meets the WCAG AA threshold of 4.5:1 on it, while white does not.
The direct complement of #BBB9B9 is #B9BBBB (opposite on the color wheel). For ready-made combinations, this page includes monochrome, analogous, triadic and tetradic palettes built from #BBB9B9 in the palette sections above.