CSS Utilities
--color-silver-metallic: #AAA9AD;
.bg-silver-metallic { background-color: #AAA9AD; }
.text-silver-metallic { color: #AAA9AD; }Machine-readable data
Machine-Readable Color Data (JSON)
Perfect for CSS, design systems, automation, and AI ingestion.
hexCanonical HEX valuergbRed, green, blue channelshslHue, saturation, lightnesscmykApproximate print conversionwcagAA and AAA contrast optionsharmoniesMathematical harmony setsvariantsGenerated tone variantsnearestColorsKnowledge graph neighborsStructured sections
Color systems
{
"hex": "#AAA9AD",
"rgb": [
170,
169,
173
],
"hsl": [
255,
2,
67
],
"cmyk": [
2,
2,
0,
32
],
"luminance": 0.3994,
"contrast": {
"black": 8.99,
"white": 2.34
}
}WCAG
{
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
}Harmonies
{
"complementary": "#ACADA9",
"analogous": [
"#A9AAAD",
"#ACA9AD"
],
"triadic": [
"#ADAAA9",
"#A9ADAA"
],
"tetradic": [
"#ADA9AA",
"#ACADA9",
"#A9ADAC"
],
"splitComplementary": [
"#ADACA9",
"#AAADA9"
],
"monochromatic": [
"#D8D8DA",
"#AAA9AD",
"#7C7A7F"
]
}Variants
{
"light": "#D8D8DA",
"dark": "#7C7A7F",
"saturated": "#A197BF",
"desaturated": "#ABABAB",
"pastel": "#EBEBEB",
"neon": "#9F80FF"
}Pairings
{
"best": [
"#000000",
"#ACADA9",
"#A9AAAD",
"#ACA9AD"
],
"avoid": [
"#ABABAB",
"#D8D8DA"
],
"neutral": [
"#1A1A1A",
"#F5F5F5",
"#E8E8E4"
],
"highContrast": [
"#000000"
],
"lowContrast": [
"#D8D8DA",
"#ABABAB"
]
}Knowledge graph
{
"nearestColors": [
"dark-gray",
"dark-grey",
"galvanized-steel",
"greige",
"mushroom"
],
"generatedPalettes": [
"silver-metallic"
],
"generatedComparisons": [
"dark-gray-vs-silver-metallic",
"dark-grey-vs-silver-metallic",
"galvanized-steel-vs-silver-metallic"
],
"relatedFamilies": [
"/colors/by-family/gray",
"/colors/by-temperature/neutral",
"/colors/by-tone/muted"
],
"relatedTools": [
"/harmonies/silver-metallic",
"/wcag/silver-metallic",
"/css/colors/silver-metallic",
"/hex/aaa9ad"
],
"semanticRelations": {
"broader": [
"/colors/by-family/gray",
"/colors/by-temperature/neutral",
"/colors/by-tone/muted"
],
"narrower": [
"/palettes/silver-metallic"
],
"related": [
"/colors/dark-gray",
"/colors/dark-grey",
"/colors/galvanized-steel",
"/colors/greige",
"/colors/mushroom",
"/compare/dark-gray-vs-silver-metallic",
"/compare/dark-grey-vs-silver-metallic",
"/compare/galvanized-steel-vs-silver-metallic",
"/harmonies/silver-metallic",
"/wcag/silver-metallic",
"/css/colors/silver-metallic",
"/hex/aaa9ad"
]
}
}Full JSON dataset
{
"slug": "silver-metallic",
"name": "Silver Metallic",
"hex": "#AAA9AD",
"uses": [
"metallic palettes",
"product finishes",
"premium packaging"
],
"psychology": {
"associations": [
"finish",
"durability",
"value"
],
"contexts": [
"hardware",
"automotive",
"jewelry",
"industrial design"
],
"avoidIn": [
"flat pastel systems"
]
},
"aliases": [],
"sourceType": "curated",
"confidence": "medium",
"reviewStatus": "manual",
"sourceUrl": "https://www.colorsencyclopedia.com/assets/colors.json",
"origin": {
"type": "common",
"notes": "Curated common color reference used in design, material, cultural, and editorial color systems."
},
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"editorialNotes": "Curated internal color record with computed technical properties.",
"tags": [
"gray",
"neutral",
"muted",
"metallic-palettes",
"product-finishes",
"premium-packaging",
"finish",
"durability",
"value"
],
"popularity": 84,
"rgb": [
170,
169,
173
],
"hsl": [
255,
2,
67
],
"cmyk": [
2,
2,
0,
32
],
"luminance": 0.3994,
"contrast": {
"black": 8.99,
"white": 2.34
},
"harmonies": {
"complementary": "#ACADA9",
"analogous": [
"#A9AAAD",
"#ACA9AD"
],
"triadic": [
"#ADAAA9",
"#A9ADAA"
],
"tetradic": [
"#ADA9AA",
"#ACADA9",
"#A9ADAC"
],
"splitComplementary": [
"#ADACA9",
"#AAADA9"
],
"monochromatic": [
"#D8D8DA",
"#AAA9AD",
"#7C7A7F"
]
},
"variants": {
"light": "#D8D8DA",
"dark": "#7C7A7F",
"saturated": "#A197BF",
"desaturated": "#ABABAB",
"pastel": "#EBEBEB",
"neon": "#9F80FF"
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"css": {
"variable": "--color-silver-metallic: #AAA9AD;",
"utility": ".bg-silver-metallic { background-color: #AAA9AD; }",
"textUtility": ".text-silver-metallic { color: #AAA9AD; }"
},
"nearestColors": [
"dark-gray",
"dark-grey",
"galvanized-steel",
"greige",
"mushroom"
],
"generatedPalettes": [
"silver-metallic"
],
"generatedComparisons": [
"dark-gray-vs-silver-metallic",
"dark-grey-vs-silver-metallic",
"galvanized-steel-vs-silver-metallic"
],
"relatedFamilies": [
"/colors/by-family/gray",
"/colors/by-temperature/neutral",
"/colors/by-tone/muted"
],
"relatedTools": [
"/harmonies/silver-metallic",
"/wcag/silver-metallic",
"/css/colors/silver-metallic",
"/hex/aaa9ad"
],
"semanticRelations": {
"broader": [
"/colors/by-family/gray",
"/colors/by-temperature/neutral",
"/colors/by-tone/muted"
],
"narrower": [
"/palettes/silver-metallic"
],
"related": [
"/colors/dark-gray",
"/colors/dark-grey",
"/colors/galvanized-steel",
"/colors/greige",
"/colors/mushroom",
"/compare/dark-gray-vs-silver-metallic",
"/compare/dark-grey-vs-silver-metallic",
"/compare/galvanized-steel-vs-silver-metallic",
"/harmonies/silver-metallic",
"/wcag/silver-metallic",
"/css/colors/silver-metallic",
"/hex/aaa9ad"
]
},
"pairings": {
"best": [
"#000000",
"#ACADA9",
"#A9AAAD",
"#ACA9AD"
],
"avoid": [
"#ABABAB",
"#D8D8DA"
],
"neutral": [
"#1A1A1A",
"#F5F5F5",
"#E8E8E4"
],
"highContrast": [
"#000000"
],
"lowContrast": [
"#D8D8DA",
"#ABABAB"
]
}
}
Color meaning and use
About Silver Metallic Color
Silver Metallic sits in the gray family with neutral temperature and muted visual character. Silver Metallic is a commonly used color name in design references, palettes, and editorial color systems.
Its common associations include finish, durability, and value, which makes it relevant for hardware and automotive. In design work, Silver Metallic is most useful for metallic palettes, product finishes, and premium packaging, especially when paired with black text for stronger contrast.
WCAG Accessibility
Contrast checks for Silver Metallic against black and white text.