Colors EncyclopediaColor family
Gray Colors
Gray colors: browse 47 named swatches including Charcoal and Warm Gray. Compare HEX values, tones, temperature, luminance and WCAG contrast.
47named colors
Neutraldominant temperature
4tone groups
Popular Gray Colors
The most useful gray colors for design systems, palettes, interfaces, and accessibility checks.
Charcoal
#36454Fgray · cool · dark, neutralWarm Gray#8A8378gray · neutral · mutedAluminum#D9DAD9gray · neutral · mutedAsphalt#2B2B2Bgray · neutral · darkAsphalt Gray#4B4B4Bgray · neutral · mutedBasalt#4B4C4Cgray · neutral · mutedBlack#000000gray · neutral · dark, neutralCarbon Black#0C0C0Cgray · neutral · darkCarbon Fiber#1C1C1Cgray · neutral · darkChrome#D5D5D5gray · neutral · mutedGalvanized Steel#A9B0B4gray · neutral · mutedGranite#676767gray · neutral · mutedBrowse Gray by Tone
Open a tone group to narrow the family without scanning every swatch at once.
Muted30 colors
Warm Graygray · popularity 88
#8A8378
Aluminumgray · popularity 84
#D9DAD9
Asphalt Graygray · popularity 84
#4B4B4B
Basaltgray · popularity 84
#4B4C4C
Chromegray · popularity 84
#D5D5D5
Galvanized Steelgray · popularity 84
#A9B0B4
Granitegray · popularity 84
#676767
Irongray · popularity 84
#48494B
Machinery Graygray · popularity 84
#6C6F70
Nickelgray · popularity 84
#727472
Pewtergray · popularity 84
#899499
Primer Graygray · popularity 84
#8B8C89
River Stonegray · popularity 84
#7E8A8A
Silver Metallicgray · popularity 84
#AAA9AD
Smokegray · popularity 84
#738276
Soapstonegray · popularity 84
#8D9A91
Steel Graygray · popularity 84
#71797E
Stonegray · popularity 84
#8A817C
Titaniumgray · popularity 84
#878681
Wet Concretegray · popularity 84
#6F7378
Zincgray · popularity 84
#7D7F7C
Graygray · popularity 82
#808080
Dark Graygray · popularity 67
#A9A9A9
Dark Greygray · popularity 67
#A9A9A9
Dim Graygray · popularity 67
#696969
Dim Greygray · popularity 67
#696969
Greygray · popularity 67
#808080
Light Graygray · popularity 67
#D3D3D3
Light Greygray · popularity 67
#D3D3D3
Silvergray · popularity 67
#C0C0C0
Dark12 colors
Charcoalgray · popularity 88
#36454F
Asphaltgray · popularity 84
#2B2B2B
Blackgray · popularity 84
#000000
Carbon Blackgray · popularity 84
#0C0C0C
Carbon Fibergray · popularity 84
#1C1C1C
Graphitegray · popularity 84
#383838
Jetgray · popularity 84
#343434
Matte Blackgray · popularity 84
#1A1A1A
Onyxgray · popularity 84
#353839
Raisingray · popularity 84
#242124
Rubbergray · popularity 84
#2A2725
Slate Blackgray · popularity 84
#26282A
Light5 colors
Gray Color Index
This family contains 47 editorial colors. Use the tone groups above for the full in-page list, or continue in the filtered explorer when you need search, WCAG, luminance, saturation, and popularity controls.
Machine-readable data
Machine-Readable Gray Color Family (JSON)
Structured gray color family data with tone groups, semantic groups, popular colors, WCAG metadata, and API links for AI ingestion.
familyCanonical color family slugcountNumber of named colorsdominantTemperatureMost common temperature grouptoneGroupsIn-page tone clusterssemanticGroupsAI-readable family labelspopularColorsHighest-priority color recordsStructured sections
Family
{
"family": "gray",
"label": "Gray Colors",
"count": 47,
"dominantTemperature": "neutral"
}Tone groups
[
{
"tone": "muted",
"count": 30,
"url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
},
{
"tone": "dark",
"count": 12,
"url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
},
{
"tone": "light",
"count": 5,
"url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
},
{
"tone": "neutral",
"count": 3,
"url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
}
]Semantic groups
[
"gray color family",
"gray colors",
"neutral gray colors",
"cool gray colors",
"muted gray colors",
"dark gray colors",
"light gray colors"
]Popular colors
[
{
"slug": "charcoal",
"name": "Charcoal",
"hex": "#36454F",
"family": "gray",
"temperature": "cool",
"tone": [
"dark",
"neutral"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/charcoal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/charcoal.json"
},
{
"slug": "warm-gray",
"name": "Warm Gray",
"hex": "#8A8378",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/warm-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/warm-gray.json"
},
{
"slug": "aluminum",
"name": "Aluminum",
"hex": "#D9DAD9",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aluminum/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/aluminum.json"
},
{
"slug": "asphalt",
"name": "Asphalt",
"hex": "#2B2B2B",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/asphalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/asphalt.json"
},
{
"slug": "asphalt-gray",
"name": "Asphalt Gray",
"hex": "#4B4B4B",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/asphalt-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/asphalt-gray.json"
},
{
"slug": "basalt",
"name": "Basalt",
"hex": "#4B4C4C",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/basalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/basalt.json"
},
{
"slug": "black",
"name": "Black",
"hex": "#000000",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark",
"neutral"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/black.json"
},
{
"slug": "carbon-black",
"name": "Carbon Black",
"hex": "#0C0C0C",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/carbon-black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/carbon-black.json"
},
{
"slug": "carbon-fiber",
"name": "Carbon Fiber",
"hex": "#1C1C1C",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/carbon-fiber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/carbon-fiber.json"
},
{
"slug": "chrome",
"name": "Chrome",
"hex": "#D5D5D5",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/chrome/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/chrome.json"
},
{
"slug": "galvanized-steel",
"name": "Galvanized Steel",
"hex": "#A9B0B4",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/galvanized-steel/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/galvanized-steel.json"
},
{
"slug": "granite",
"name": "Granite",
"hex": "#676767",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/granite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/granite.json"
}
]Full JSON dataset
{
"datasetVersion": "1.0.0",
"family": "gray",
"label": "Gray Colors",
"url": "https://www.colorsencyclopedia.com/colors/by-family/gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/gray.json",
"count": 47,
"dominantTemperature": "neutral",
"temperatureGroups": [
{
"temperature": "neutral",
"count": 46
},
{
"temperature": "cool",
"count": 1
}
],
"toneGroups": [
{
"tone": "muted",
"count": 30,
"url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
},
{
"tone": "dark",
"count": 12,
"url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
},
{
"tone": "light",
"count": 5,
"url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
},
{
"tone": "neutral",
"count": 3,
"url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
}
],
"semanticGroups": [
"gray color family",
"gray colors",
"neutral gray colors",
"cool gray colors",
"muted gray colors",
"dark gray colors",
"light gray colors"
],
"popularColors": [
{
"slug": "charcoal",
"name": "Charcoal",
"hex": "#36454F",
"family": "gray",
"temperature": "cool",
"tone": [
"dark",
"neutral"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/charcoal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/charcoal.json"
},
{
"slug": "warm-gray",
"name": "Warm Gray",
"hex": "#8A8378",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/warm-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/warm-gray.json"
},
{
"slug": "aluminum",
"name": "Aluminum",
"hex": "#D9DAD9",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aluminum/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/aluminum.json"
},
{
"slug": "asphalt",
"name": "Asphalt",
"hex": "#2B2B2B",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/asphalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/asphalt.json"
},
{
"slug": "asphalt-gray",
"name": "Asphalt Gray",
"hex": "#4B4B4B",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/asphalt-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/asphalt-gray.json"
},
{
"slug": "basalt",
"name": "Basalt",
"hex": "#4B4C4C",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/basalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/basalt.json"
},
{
"slug": "black",
"name": "Black",
"hex": "#000000",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark",
"neutral"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/black.json"
},
{
"slug": "carbon-black",
"name": "Carbon Black",
"hex": "#0C0C0C",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/carbon-black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/carbon-black.json"
},
{
"slug": "carbon-fiber",
"name": "Carbon Fiber",
"hex": "#1C1C1C",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/carbon-fiber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/carbon-fiber.json"
},
{
"slug": "chrome",
"name": "Chrome",
"hex": "#D5D5D5",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/chrome/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/chrome.json"
},
{
"slug": "galvanized-steel",
"name": "Galvanized Steel",
"hex": "#A9B0B4",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/galvanized-steel/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/galvanized-steel.json"
},
{
"slug": "granite",
"name": "Granite",
"hex": "#676767",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/granite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/granite.json"
}
],
"colors": [
{
"slug": "charcoal",
"name": "Charcoal",
"hex": "#36454F",
"rgb": [
54,
69,
79
],
"hsl": [
204,
19,
26
],
"cmyk": [
32,
13,
0,
69
],
"temperature": "cool",
"tone": [
"dark",
"neutral"
],
"popularity": 88,
"luminance": 0.0561,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/charcoal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/charcoal.json"
},
{
"slug": "warm-gray",
"name": "Warm Gray",
"hex": "#8A8378",
"rgb": [
138,
131,
120
],
"hsl": [
37,
7,
51
],
"cmyk": [
0,
5,
13,
46
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 88,
"luminance": 0.2299,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/warm-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/warm-gray.json"
},
{
"slug": "aluminum",
"name": "Aluminum",
"hex": "#D9DAD9",
"rgb": [
217,
218,
217
],
"hsl": [
120,
1,
85
],
"cmyk": [
0,
0,
0,
15
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.699,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/aluminum/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/aluminum.json"
},
{
"slug": "asphalt",
"name": "Asphalt",
"hex": "#2B2B2B",
"rgb": [
43,
43,
43
],
"hsl": [
0,
0,
17
],
"cmyk": [
0,
0,
0,
83
],
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0242,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/asphalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/asphalt.json"
},
{
"slug": "asphalt-gray",
"name": "Asphalt Gray",
"hex": "#4B4B4B",
"rgb": [
75,
75,
75
],
"hsl": [
0,
0,
29
],
"cmyk": [
0,
0,
0,
71
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.0704,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/asphalt-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/asphalt-gray.json"
},
{
"slug": "basalt",
"name": "Basalt",
"hex": "#4B4C4C",
"rgb": [
75,
76,
76
],
"hsl": [
180,
1,
30
],
"cmyk": [
1,
0,
0,
70
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.0719,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/basalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/basalt.json"
},
{
"slug": "black",
"name": "Black",
"hex": "#000000",
"rgb": [
0,
0,
0
],
"hsl": [
0,
0,
0
],
"cmyk": [
0,
0,
0,
100
],
"temperature": "neutral",
"tone": [
"dark",
"neutral"
],
"popularity": 84,
"luminance": 0,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/black.json"
},
{
"slug": "carbon-black",
"name": "Carbon Black",
"hex": "#0C0C0C",
"rgb": [
12,
12,
12
],
"hsl": [
0,
0,
5
],
"cmyk": [
0,
0,
0,
95
],
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0037,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/carbon-black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/carbon-black.json"
},
{
"slug": "carbon-fiber",
"name": "Carbon Fiber",
"hex": "#1C1C1C",
"rgb": [
28,
28,
28
],
"hsl": [
0,
0,
11
],
"cmyk": [
0,
0,
0,
89
],
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0116,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/carbon-fiber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/carbon-fiber.json"
},
{
"slug": "chrome",
"name": "Chrome",
"hex": "#D5D5D5",
"rgb": [
213,
213,
213
],
"hsl": [
0,
0,
84
],
"cmyk": [
0,
0,
0,
16
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.6654,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/chrome/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/chrome.json"
},
{
"slug": "galvanized-steel",
"name": "Galvanized Steel",
"hex": "#A9B0B4",
"rgb": [
169,
176,
180
],
"hsl": [
202,
7,
68
],
"cmyk": [
6,
2,
0,
29
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.4278,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/galvanized-steel/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/galvanized-steel.json"
},
{
"slug": "granite",
"name": "Granite",
"hex": "#676767",
"rgb": [
103,
103,
103
],
"hsl": [
0,
0,
40
],
"cmyk": [
0,
0,
0,
60
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.1356,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/granite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/granite.json"
},
{
"slug": "graphite",
"name": "Graphite",
"hex": "#383838",
"rgb": [
56,
56,
56
],
"hsl": [
0,
0,
22
],
"cmyk": [
0,
0,
0,
78
],
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0395,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/graphite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/graphite.json"
},
{
"slug": "iron",
"name": "Iron",
"hex": "#48494B",
"rgb": [
72,
73,
75
],
"hsl": [
220,
2,
29
],
"cmyk": [
4,
3,
0,
71
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.0665,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/iron/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/iron.json"
},
{
"slug": "jet",
"name": "Jet",
"hex": "#343434",
"rgb": [
52,
52,
52
],
"hsl": [
0,
0,
20
],
"cmyk": [
0,
0,
0,
80
],
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0343,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/jet/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/jet.json"
},
{
"slug": "machinery-gray",
"name": "Machinery Gray",
"hex": "#6C6F70",
"rgb": [
108,
111,
112
],
"hsl": [
195,
2,
43
],
"cmyk": [
4,
1,
0,
56
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.1573,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/machinery-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/machinery-gray.json"
},
{
"slug": "matte-black",
"name": "Matte Black",
"hex": "#1A1A1A",
"rgb": [
26,
26,
26
],
"hsl": [
0,
0,
10
],
"cmyk": [
0,
0,
0,
90
],
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0103,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/matte-black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/matte-black.json"
},
{
"slug": "mercury",
"name": "Mercury",
"hex": "#EBEBEB",
"rgb": [
235,
235,
235
],
"hsl": [
0,
0,
92
],
"cmyk": [
0,
0,
0,
8
],
"temperature": "neutral",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.8308,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/mercury/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/mercury.json"
},
{
"slug": "nickel",
"name": "Nickel",
"hex": "#727472",
"rgb": [
114,
116,
114
],
"hsl": [
120,
1,
45
],
"cmyk": [
2,
0,
2,
55
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.1728,
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/nickel/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/nickel.json"
},
{
"slug": "onyx",
"name": "Onyx",
"hex": "#353839",
"rgb": [
53,
56,
57
],
"hsl": [
195,
4,
22
],
"cmyk": [
7,
2,
0,
78
],
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0388,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/onyx/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/onyx.json"
},
{
"slug": "pewter",
"name": "Pewter",
"hex": "#899499",
"rgb": [
137,
148,
153
],
"hsl": [
199,
7,
57
],
"cmyk": [
10,
3,
0,
40
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.288,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/pewter/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pewter.json"
},
{
"slug": "platinum",
"name": "Platinum",
"hex": "#E5E4E2",
"rgb": [
229,
228,
226
],
"hsl": [
40,
5,
89
],
"cmyk": [
0,
0,
1,
10
],
"temperature": "neutral",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.7764,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/platinum/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/platinum.json"
},
{
"slug": "primer-gray",
"name": "Primer Gray",
"hex": "#8B8C89",
"rgb": [
139,
140,
137
],
"hsl": [
80,
1,
54
],
"cmyk": [
1,
0,
2,
45
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.2605,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/primer-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/primer-gray.json"
},
{
"slug": "raisin",
"name": "Raisin",
"hex": "#242124",
"rgb": [
36,
33,
36
],
"hsl": [
300,
4,
14
],
"cmyk": [
0,
8,
0,
86
],
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0159,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/raisin/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/raisin.json"
},
{
"slug": "river-stone",
"name": "River Stone",
"hex": "#7E8A8A",
"rgb": [
126,
138,
138
],
"hsl": [
180,
5,
52
],
"cmyk": [
9,
0,
0,
46
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.2445,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/river-stone/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/river-stone.json"
},
{
"slug": "rubber",
"name": "Rubber",
"hex": "#2A2725",
"rgb": [
42,
39,
37
],
"hsl": [
24,
6,
15
],
"cmyk": [
0,
7,
12,
84
],
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0208,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/rubber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/rubber.json"
},
{
"slug": "silver-metallic",
"name": "Silver Metallic",
"hex": "#AAA9AD",
"rgb": [
170,
169,
173
],
"hsl": [
255,
2,
67
],
"cmyk": [
2,
2,
0,
32
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.3994,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/silver-metallic/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/silver-metallic.json"
},
{
"slug": "slate-black",
"name": "Slate Black",
"hex": "#26282A",
"rgb": [
38,
40,
42
],
"hsl": [
210,
5,
16
],
"cmyk": [
10,
5,
0,
84
],
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.021,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/slate-black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/slate-black.json"
},
{
"slug": "smoke",
"name": "Smoke",
"hex": "#738276",
"rgb": [
115,
130,
118
],
"hsl": [
132,
6,
48
],
"cmyk": [
12,
0,
9,
49
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.2092,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/smoke/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/smoke.json"
},
{
"slug": "soapstone",
"name": "Soapstone",
"hex": "#8D9A91",
"rgb": [
141,
154,
145
],
"hsl": [
138,
6,
58
],
"cmyk": [
8,
0,
6,
40
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.3082,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"url": "https://www.colorsencyclopedia.com/colors/soapstone/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/soapstone.json"
},
{
"slug": "steel-gray",
"name": "Steel Gray",
"hex": "#71797E",
"rgb": [
113,
121,
126
],
"hsl": [
203,
5,
47
],
"cmyk": [
10,
4,
0,
51
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.1869,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/steel-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/steel-gray.json"
},
{
"slug": "stone",
"name": "Stone",
"hex": "#8A817C",
"rgb": [
138,
129,
124
],
"hsl": [
21,
6,
51
],
"cmyk": [
0,
7,
10,
46
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.2256,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/stone/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/stone.json"
},
{
"slug": "titanium",
"name": "Titanium",
"hex": "#878681",
"rgb": [
135,
134,
129
],
"hsl": [
50,
2,
52
],
"cmyk": [
0,
1,
4,
47
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.2379,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/titanium/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/titanium.json"
},
{
"slug": "wet-concrete",
"name": "Wet Concrete",
"hex": "#6F7378",
"rgb": [
111,
115,
120
],
"hsl": [
213,
4,
45
],
"cmyk": [
7,
4,
0,
53
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.17,
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/wet-concrete/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/wet-concrete.json"
},
{
"slug": "white",
"name": "White",
"hex": "#FFFFFF",
"rgb": [
255,
255,
255
],
"hsl": [
0,
0,
100
],
"cmyk": [
0,
0,
0,
0
],
"temperature": "neutral",
"tone": [
"light",
"neutral"
],
"popularity": 84,
"luminance": 1,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/white.json"
},
{
"slug": "zinc",
"name": "Zinc",
"hex": "#7D7F7C",
"rgb": [
125,
127,
124
],
"hsl": [
100,
1,
49
],
"cmyk": [
2,
0,
2,
50
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.2099,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/zinc/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/zinc.json"
},
{
"slug": "gray",
"name": "Gray",
"hex": "#808080",
"rgb": [
128,
128,
128
],
"hsl": [
0,
0,
50
],
"cmyk": [
0,
0,
0,
50
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 82,
"luminance": 0.2159,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/gray.json"
},
{
"slug": "dark-gray",
"name": "Dark Gray",
"hex": "#A9A9A9",
"rgb": [
169,
169,
169
],
"hsl": [
0,
0,
66
],
"cmyk": [
0,
0,
0,
34
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.3968,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/dark-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-gray.json"
},
{
"slug": "dark-grey",
"name": "Dark Grey",
"hex": "#A9A9A9",
"rgb": [
169,
169,
169
],
"hsl": [
0,
0,
66
],
"cmyk": [
0,
0,
0,
34
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.3968,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/dark-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-grey.json"
},
{
"slug": "dim-gray",
"name": "Dim Gray",
"hex": "#696969",
"rgb": [
105,
105,
105
],
"hsl": [
0,
0,
41
],
"cmyk": [
0,
0,
0,
59
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.1413,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/dim-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dim-gray.json"
},
{
"slug": "dim-grey",
"name": "Dim Grey",
"hex": "#696969",
"rgb": [
105,
105,
105
],
"hsl": [
0,
0,
41
],
"cmyk": [
0,
0,
0,
59
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.1413,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/dim-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dim-grey.json"
},
{
"slug": "gainsboro",
"name": "Gainsboro",
"hex": "#DCDCDC",
"rgb": [
220,
220,
220
],
"hsl": [
0,
0,
86
],
"cmyk": [
0,
0,
0,
14
],
"temperature": "neutral",
"tone": [
"light"
],
"popularity": 67,
"luminance": 0.7157,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/gainsboro/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/gainsboro.json"
},
{
"slug": "grey",
"name": "Grey",
"hex": "#808080",
"rgb": [
128,
128,
128
],
"hsl": [
0,
0,
50
],
"cmyk": [
0,
0,
0,
50
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.2159,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/grey.json"
},
{
"slug": "light-gray",
"name": "Light Gray",
"hex": "#D3D3D3",
"rgb": [
211,
211,
211
],
"hsl": [
0,
0,
83
],
"cmyk": [
0,
0,
0,
17
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.6514,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/light-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-gray.json"
},
{
"slug": "light-grey",
"name": "Light Grey",
"hex": "#D3D3D3",
"rgb": [
211,
211,
211
],
"hsl": [
0,
0,
83
],
"cmyk": [
0,
0,
0,
17
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.6514,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/light-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-grey.json"
},
{
"slug": "silver",
"name": "Silver",
"hex": "#C0C0C0",
"rgb": [
192,
192,
192
],
"hsl": [
0,
0,
75
],
"cmyk": [
0,
0,
0,
25
],
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.5271,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/silver/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/silver.json"
},
{
"slug": "white-smoke",
"name": "White Smoke",
"hex": "#F5F5F5",
"rgb": [
245,
245,
245
],
"hsl": [
0,
0,
96
],
"cmyk": [
0,
0,
0,
4
],
"temperature": "neutral",
"tone": [
"light"
],
"popularity": 67,
"luminance": 0.9131,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/white-smoke/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/white-smoke.json"
}
]
}