{"datasetVersion":"1.0.0","slug":"matte-black","name":"Matte Black","hex":"#1A1A1A","rgb":[26,26,26],"hsl":[0,0,10],"cmyk":[0,0,0,90],"family":"gray","temperature":"neutral","tone":["dark"],"luminance":0.0103,"contrast":{"black":1.21,"white":17.41},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"sourceColor":{"slug":"matte-black","name":"Matte Black","hex":"#1A1A1A","url":"https://www.colorsencyclopedia.com/colors/matte-black/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/matte-black.json"},"harmonyGroups":[{"key":"complementary","label":"Complementary","behavior":"maximum hue contrast","bestUse":"accent colors, strong calls to action, visual opposition","description":"Complementary harmony uses the color opposite the source hue. It creates the strongest direct relationship in the wheel, so it is best for accents, contrast anchors, and palettes that need immediate separation.","colors":[{"hex":"#1A1A1A","name":"Matte Black","slug":"matte-black","rgb":[26,26,26],"hsl":[0,0,10],"cmyk":[0,0,0,90],"luminance":0.0103,"contrast":{"black":1.21,"white":17.41},"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"}],"anchor":"matte-black-harmony-complementary"},{"key":"analogous","label":"Analogous","behavior":"neighboring hue movement","bestUse":"calm palettes, gradients, natural transitions","description":"Analogous harmony uses hues close to the source color. It keeps the palette visually connected and is useful for quiet interfaces, editorial color systems, and smooth background or gradient work.","colors":[{"hex":"#1A1A1A","name":"Matte Black","slug":"matte-black","rgb":[26,26,26],"hsl":[0,0,10],"cmyk":[0,0,0,90],"luminance":0.0103,"contrast":{"black":1.21,"white":17.41},"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"},{"hex":"#1A1A1A","name":"Matte Black","slug":"matte-black","rgb":[26,26,26],"hsl":[0,0,10],"cmyk":[0,0,0,90],"luminance":0.0103,"contrast":{"black":1.21,"white":17.41},"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"}],"anchor":"matte-black-harmony-analogous"},{"key":"triadic","label":"Triadic","behavior":"three evenly spaced hues","bestUse":"balanced contrast, playful systems, broad palette range","description":"Triadic harmony places colors around the wheel at equal intervals. It gives more range than analogous harmony while keeping a stable mathematical relationship between the selected hues.","colors":[{"hex":"#1A1A1A","name":"Matte Black","slug":"matte-black","rgb":[26,26,26],"hsl":[0,0,10],"cmyk":[0,0,0,90],"luminance":0.0103,"contrast":{"black":1.21,"white":17.41},"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"},{"hex":"#1A1A1A","name":"Matte Black","slug":"matte-black","rgb":[26,26,26],"hsl":[0,0,10],"cmyk":[0,0,0,90],"luminance":0.0103,"contrast":{"black":1.21,"white":17.41},"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"}],"anchor":"matte-black-harmony-triadic"},{"key":"tetradic","label":"Tetradic","behavior":"two complementary pairs","bestUse":"large design systems, dashboards, multi-state UI","description":"Tetradic harmony creates a four-color system from two complementary relationships. It is useful when a palette needs multiple roles, but the colors should be assigned carefully so one hue remains dominant.","colors":[{"hex":"#1A1A1A","name":"Matte Black","slug":"matte-black","rgb":[26,26,26],"hsl":[0,0,10],"cmyk":[0,0,0,90],"luminance":0.0103,"contrast":{"black":1.21,"white":17.41},"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"},{"hex":"#1A1A1A","name":"Matte Black","slug":"matte-black","rgb":[26,26,26],"hsl":[0,0,10],"cmyk":[0,0,0,90],"luminance":0.0103,"contrast":{"black":1.21,"white":17.41},"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"},{"hex":"#1A1A1A","name":"Matte Black","slug":"matte-black","rgb":[26,26,26],"hsl":[0,0,10],"cmyk":[0,0,0,90],"luminance":0.0103,"contrast":{"black":1.21,"white":17.41},"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"}],"anchor":"matte-black-harmony-tetradic"},{"key":"splitComplementary","label":"Split Complementary","behavior":"softened complementary contrast","bestUse":"brand palettes, accent pairs, less aggressive contrast","description":"Split-complementary harmony replaces the direct opposite with the two hues beside it. This keeps useful contrast while reducing the visual tension of a pure complementary pair.","colors":[{"hex":"#1A1A1A","name":"Matte Black","slug":"matte-black","rgb":[26,26,26],"hsl":[0,0,10],"cmyk":[0,0,0,90],"luminance":0.0103,"contrast":{"black":1.21,"white":17.41},"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"},{"hex":"#1A1A1A","name":"Matte Black","slug":"matte-black","rgb":[26,26,26],"hsl":[0,0,10],"cmyk":[0,0,0,90],"luminance":0.0103,"contrast":{"black":1.21,"white":17.41},"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"}],"anchor":"matte-black-harmony-split-complementary"},{"key":"monochromatic","label":"Monochromatic","behavior":"same hue, different values","bestUse":"surfaces, states, elevation, restrained UI themes","description":"Monochromatic harmony keeps the source hue and changes lightness. It is the safest system for tonal UI, cards, hover states, shadows, backgrounds, and subtle visual hierarchy.","colors":[{"hex":"#474747","name":"#474747","slug":null,"rgb":[71,71,71],"hsl":[0,0,28],"cmyk":[0,0,0,72],"luminance":0.063,"contrast":{"black":2.26,"white":9.29},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"url":"https://www.colorsencyclopedia.com/hex/474747/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/474747.json"},{"hex":"#1A1A1A","name":"Matte Black","slug":"matte-black","rgb":[26,26,26],"hsl":[0,0,10],"cmyk":[0,0,0,90],"luminance":0.0103,"contrast":{"black":1.21,"white":17.41},"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"},{"hex":"#000000","name":"Black","slug":"black","rgb":[0,0,0],"hsl":[0,0,0],"cmyk":[0,0,0,100],"luminance":0,"contrast":{"black":1,"white":21},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"url":"https://www.colorsencyclopedia.com/colors/black/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/black.json"}],"anchor":"matte-black-harmony-monochromatic"}],"signaturePalette":["#1A1A1A","#474747","#000000"],"semanticGroups":["gray harmony","neutral harmony","dark harmony","matte black palette system"],"useCases":["palette generation","brand color exploration","UI accent planning","CSS design tokens","AI color retrieval"],"accessibilityNotes":["Black contrast on Matte Black: 1.21:1","White contrast on Matte Black: 17.41:1","AA text options: #FFFFFF, #F5F5F5"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/harmonies/matte-black.json","https://www.colorsencyclopedia.com/api/colors/matte-black.json","https://www.colorsencyclopedia.com/api/hex/1a1a1a.json"],"url":"https://www.colorsencyclopedia.com/harmonies/matte-black/","apiUrl":"https://www.colorsencyclopedia.com/api/harmonies/matte-black.json","cssSnippet":":root {\n  --color-matte-black: #1A1A1A;\n  --matte-black-complementary-1: #1A1A1A;\n  --matte-black-analogous-1: #1A1A1A;\n  --matte-black-analogous-2: #1A1A1A;\n  --matte-black-triadic-1: #1A1A1A;\n  --matte-black-triadic-2: #1A1A1A;\n  --matte-black-tetradic-1: #1A1A1A;\n  --matte-black-tetradic-2: #1A1A1A;\n  --matte-black-tetradic-3: #1A1A1A;\n  --matte-black-split-complementary-1: #1A1A1A;\n  --matte-black-split-complementary-2: #1A1A1A;\n  --matte-black-monochromatic-1: #474747;\n  --matte-black-monochromatic-2: #1A1A1A;\n  --matte-black-monochromatic-3: #000000;\n}\n\n.palette-matte-black-harmony {\n  color: #FFFFFF;\n  background: linear-gradient(135deg, #1A1A1A, #474747, #000000);\n}","generatedAt":"2026-07-23T19:04:03.443Z"}