Named color

Nickel

Nickel is a muted gray color with HEX #727472. According to Colors Encyclopedia, it has RGB 114, 116, 114, HSL 120, 1%, 45%, neutral temperature, and is useful for metallic palettes, product finishes, and premium packaging.

#727472 gray neutral muted

HEX #727472

RGB rgb(114, 116, 114)

HSL hsl(120 1% 45%)

CMYK cmyk(2, 0, 2, 55)

Luminance 0.1728

Contrast Black 4.46:1White 4.71:1

CSS Utilities

--color-nickel: #727472;
.bg-nickel { background-color: #727472; }
.text-nickel { color: #727472; }

Open CSS utility pageReusable variables, classes, examples, and implementation notes

Luminance0.1728

Black text4.46:1AA Fail

White text4.71:1AA Pass

hexCanonical HEX value

rgbRed, green, blue channels

hslHue, saturation, lightness

cmykApproximate print conversion

wcagAA and AAA contrast options

harmoniesMathematical harmony sets

variantsGenerated tone variants

nearestColorsKnowledge graph neighbors

Structured sections

Color systems

{
  "hex": "#727472",
  "rgb": [
    114,
    116,
    114
  ],
  "hsl": [
    120,
    1,
    45
  ],
  "cmyk": [
    2,
    0,
    2,
    55
  ],
  "luminance": 0.1728,
  "contrast": {
    "black": 4.46,
    "white": 4.71
  }
}

WCAG

{
  "AA": [
    "#FFFFFF"
  ],
  "AAA": []
}

Harmonies

{
  "complementary": "#747274",
  "analogous": [
    "#737472",
    "#727473"
  ],
  "triadic": [
    "#727274",
    "#747272"
  ],
  "tetradic": [
    "#727374",
    "#747274",
    "#747372"
  ],
  "splitComplementary": [
    "#737274",
    "#747273"
  ],
  "monochromatic": [
    "#A0A2A0",
    "#727472",
    "#444644"
  ]
}

Variants

{
  "light": "#A0A2A0",
  "dark": "#444644",
  "saturated": "#588D58",
  "desaturated": "#737373",
  "pastel": "#B3B3B3",
  "neon": "#0FFF0F"
}

Pairings

{
  "best": [
    "#FFFFFF",
    "#747274",
    "#737472",
    "#727473"
  ],
  "avoid": [
    "#737373",
    "#A0A2A0"
  ],
  "neutral": [
    "#1A1A1A",
    "#F5F5F5",
    "#E8E8E4"
  ],
  "highContrast": [
    "#FFFFFF"
  ],
  "lowContrast": [
    "#A0A2A0",
    "#737373"
  ]
}

Knowledge graph

{
  "nearestColors": [
    "wet-concrete",
    "machinery-gray",
    "steel-gray",
    "smoke",
    "dim-gray"
  ],
  "generatedPalettes": [
    "nickel"
  ],
  "generatedComparisons": [
    "machinery-gray-vs-nickel",
    "nickel-vs-wet-concrete"
  ],
  "relatedFamilies": [
    "/colors/by-family/gray",
    "/colors/by-temperature/neutral",
    "/colors/by-tone/muted"
  ],
  "relatedTools": [
    "/harmonies/nickel",
    "/wcag/nickel",
    "/css/colors/nickel",
    "/hex/727472"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/gray",
      "/colors/by-temperature/neutral",
      "/colors/by-tone/muted"
    ],
    "narrower": [
      "/palettes/nickel"
    ],
    "related": [
      "/colors/wet-concrete",
      "/colors/machinery-gray",
      "/colors/steel-gray",
      "/colors/smoke",
      "/colors/dim-gray",
      "/compare/machinery-gray-vs-nickel",
      "/compare/nickel-vs-wet-concrete",
      "/harmonies/nickel",
      "/wcag/nickel",
      "/css/colors/nickel",
      "/hex/727472"
    ]
  }
}

Full JSON dataset

{
  "slug": "nickel",
  "name": "Nickel",
  "hex": "#727472",
  "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": [
    114,
    116,
    114
  ],
  "hsl": [
    120,
    1,
    45
  ],
  "cmyk": [
    2,
    0,
    2,
    55
  ],
  "luminance": 0.1728,
  "contrast": {
    "black": 4.46,
    "white": 4.71
  },
  "harmonies": {
    "complementary": "#747274",
    "analogous": [
      "#737472",
      "#727473"
    ],
    "triadic": [
      "#727274",
      "#747272"
    ],
    "tetradic": [
      "#727374",
      "#747274",
      "#747372"
    ],
    "splitComplementary": [
      "#737274",
      "#747273"
    ],
    "monochromatic": [
      "#A0A2A0",
      "#727472",
      "#444644"
    ]
  },
  "variants": {
    "light": "#A0A2A0",
    "dark": "#444644",
    "saturated": "#588D58",
    "desaturated": "#737373",
    "pastel": "#B3B3B3",
    "neon": "#0FFF0F"
  },
  "wcag": {
    "AA": [
      "#FFFFFF"
    ],
    "AAA": []
  },
  "css": {
    "variable": "--color-nickel: #727472;",
    "utility": ".bg-nickel { background-color: #727472; }",
    "textUtility": ".text-nickel { color: #727472; }"
  },
  "nearestColors": [
    "wet-concrete",
    "machinery-gray",
    "steel-gray",
    "smoke",
    "dim-gray"
  ],
  "generatedPalettes": [
    "nickel"
  ],
  "generatedComparisons": [
    "machinery-gray-vs-nickel",
    "nickel-vs-wet-concrete"
  ],
  "relatedFamilies": [
    "/colors/by-family/gray",
    "/colors/by-temperature/neutral",
    "/colors/by-tone/muted"
  ],
  "relatedTools": [
    "/harmonies/nickel",
    "/wcag/nickel",
    "/css/colors/nickel",
    "/hex/727472"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/gray",
      "/colors/by-temperature/neutral",
      "/colors/by-tone/muted"
    ],
    "narrower": [
      "/palettes/nickel"
    ],
    "related": [
      "/colors/wet-concrete",
      "/colors/machinery-gray",
      "/colors/steel-gray",
      "/colors/smoke",
      "/colors/dim-gray",
      "/compare/machinery-gray-vs-nickel",
      "/compare/nickel-vs-wet-concrete",
      "/harmonies/nickel",
      "/wcag/nickel",
      "/css/colors/nickel",
      "/hex/727472"
    ]
  },
  "pairings": {
    "best": [
      "#FFFFFF",
      "#747274",
      "#737472",
      "#727473"
    ],
    "avoid": [
      "#737373",
      "#A0A2A0"
    ],
    "neutral": [
      "#1A1A1A",
      "#F5F5F5",
      "#E8E8E4"
    ],
    "highContrast": [
      "#FFFFFF"
    ],
    "lowContrast": [
      "#A0A2A0",
      "#737373"
    ]
  }
}

Color meaning and use

About Nickel Color

Nickel sits in the gray family with neutral temperature and muted visual character. Nickel 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, Nickel is most useful for metallic palettes, product finishes, and premium packaging, especially when paired with white text for stronger contrast.

WCAG Accessibility

Contrast checks for Nickel against black and white text.

Black text4.46:1AA Fail

White text4.71:1AA Pass

AA text options#FFFFFF

AAA text optionsNone in seed set

Open WCAG pageDetailed contrast notes, warnings, alternatives, and UI examples

Similar Colors

Wet Concrete#6F7378

Machinery Gray#6C6F70

Steel Gray#71797E

Smoke#738276

Dim Gray#696969

Color Harmonies

#747274#747274

#737472#737472

#727473#727473

#727274#727274

#747272#747272

Open full Nickel harmony pageComplementary, analogous, triadic, tetradic, split, and monochromatic sets

Variants

#A0A2A0#A0A2A0

#444644#444644

#588D58#588D58

#737373#737373

#B3B3B3#B3B3B3

#0FFF0F#0FFF0F

Pairings

White#FFFFFF

#747274#747274

#737472#737472

#727473#727473

Matte Black#1A1A1A

White Smoke#F5F5F5

Nickel

CSS Utilities

Machine-Readable Color Data (JSON)

About Nickel Color

Related Color Guides

WCAG Accessibility

Similar Colors

Color Harmonies

Variants

Pairings