Nearest-color comparison

Pewter vs Primer Gray

Pewter and Primer Gray are different gray colors with HEX values #899499 and #8B8C89. According to Colors Encyclopedia, their RGB distance is 18, their contrast ratio is 1.09:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

Pewter and Primer Gray are very close colors. Pewter is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.09:1, so the pair is too low for text and better treated as a palette relationship.

Differences Use cases Accessibility JSON

Pewter#899499

Primer Gray#8B8C89

Quick Difference Summary

The main measurable differences between Pewter and Primer Gray across RGB distance, luminance, hue, saturation, and contrast.

RGB distance18

Pair contrast1.09:1

Luminance delta0.0275

Hue delta119 deg

Lighter colorPewter

More saturatedPewter

Side-by-Side Color Profiles

gray color

Pewter

Pewter is #899499, a neutral gray color with muted character. Compared with Primer Gray, it is lighter and more saturated. Use it for metallic palettes, product finishes, and premium packaging, with black text as the safer foreground option.

HEX#899499 RGB137, 148, 153 HSL199, 7, 57 CMYK10, 3, 0, 40 Luminance0.288 Best textblack text

Color page WCAG HEX atlas

gray color

Primer Gray

Primer Gray is #8B8C89, a neutral gray color with muted character. Compared with Pewter, it is darker and less saturated. Use it for industrial design, safety systems, and hardware palettes, with black text as the safer foreground option.

HEX#8B8C89 RGB139, 140, 137 HSL80, 1, 54 CMYK1, 0, 2, 45 Luminance0.2605 Best textblack text

Color page WCAG HEX atlas

When to Use Pewter or Primer Gray

Choose PewterPewter is better when the design needs muted gray character, neutral temperature, and the specific HEX value #899499.

Choose Primer GrayPrimer Gray is better when the design needs muted gray character, neutral temperature, and the specific HEX value #8B8C89.

Use togetherUse these colors together as related palette neighbors, subtle material differences, or tonal alternatives rather than readable foreground/background pairs.

Technical Comparison Table

PropertyPewterPrimer Gray

HEX#899499#8B8C89

RGB137, 148, 153139, 140, 137

HSL199, 7, 5780, 1, 54

CMYK10, 3, 0, 401, 0, 2, 45

FamilyGrayGray

TemperatureNeutralNeutral

ToneMutedMuted

Luminance0.2880.2605

Black contrast6.76:16.21:1

White contrast3.11:13.38:1

Shared tonesMuted

Accessibility and Contrast

Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.

Pewterblack text - 6.76:1

Primer Grayblack text - 6.21:1

Related Palette Strip

A compact visual strip showing the two compared colors with nearby harmony and variant context.

Pewter#899499

Primer Gray#8B8C89

#BBC1C4#BBC1C4

#B8B8B7#B8B8B7

#998F8A#998F8A

#89898B#89898B

colorsBoth named color records with HEX, RGB, HSL, CMYK, luminance, WCAG, and links

differencesRGB distance, HSL deltas, luminance delta, contrast, and shared attributes

accessibilityPair contrast and safer text choices for each color

useCasesWhen to choose each color and when to use them together

relatedApiMachine-readable comparison and color endpoints

Structured sections

Colors

[
  {
    "slug": "pewter",
    "name": "Pewter",
    "hex": "#899499",
    "rgb": [
      137,
      148,
      153
    ],
    "hsl": [
      199,
      7,
      57
    ],
    "cmyk": [
      10,
      3,
      0,
      40
    ],
    "family": "gray",
    "temperature": "neutral",
    "tone": [
      "muted"
    ],
    "luminance": 0.288,
    "contrast": {
      "black": 6.76,
      "white": 3.11
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 6.76
    },
    "description": "Pewter is #899499, a neutral gray color with muted character. Compared with Primer Gray, it is lighter and more saturated. Use it for metallic palettes, product finishes, and premium packaging, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/pewter/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/pewter.json"
  },
  {
    "slug": "primer-gray",
    "name": "Primer Gray",
    "hex": "#8B8C89",
    "rgb": [
      139,
      140,
      137
    ],
    "hsl": [
      80,
      1,
      54
    ],
    "cmyk": [
      1,
      0,
      2,
      45
    ],
    "family": "gray",
    "temperature": "neutral",
    "tone": [
      "muted"
    ],
    "luminance": 0.2605,
    "contrast": {
      "black": 6.21,
      "white": 3.38
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 6.21
    },
    "description": "Primer Gray is #8B8C89, a neutral gray color with muted character. Compared with Pewter, it is darker and less saturated. Use it for industrial design, safety systems, and hardware palettes, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/primer-gray/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/primer-gray.json"
  }
]

Differences

{
  "rgbDistance": 18,
  "contrastRatio": 1.09,
  "hslDelta": {
    "hue": 119,
    "saturation": 6,
    "lightness": 3
  },
  "luminanceDelta": 0.0275,
  "sameFamily": true,
  "sameTemperature": true,
  "sharedTones": [
    "muted"
  ],
  "lighterColor": "Pewter",
  "moreSaturatedColor": "Pewter"
}

Accessibility

{
  "pairContrastRatio": 1.09,
  "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
  "safeText": [
    {
      "color": "Pewter",
      "background": "#899499",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 6.76
    },
    {
      "color": "Primer Gray",
      "background": "#8B8C89",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 6.21
    }
  ]
}

Use cases

{
  "chooseFirstWhen": "Pewter is better when the design needs muted gray character, neutral temperature, and the specific HEX value #899499.",
  "chooseSecondWhen": "Primer Gray is better when the design needs muted gray character, neutral temperature, and the specific HEX value #8B8C89.",
  "useTogetherWhen": "Use these colors together as related palette neighbors, subtle material differences, or tonal alternatives rather than readable foreground/background pairs."
}

Related API

[
  "https://www.colorsencyclopedia.com/api/compare/pewter-vs-primer-gray.json",
  "https://www.colorsencyclopedia.com/api/colors/pewter.json",
  "https://www.colorsencyclopedia.com/api/colors/primer-gray.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "pewter-vs-primer-gray",
  "type": "nearest",
  "name": "Pewter vs Primer Gray",
  "verdict": "Pewter and Primer Gray are very close colors. Pewter is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.09:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Pewter and Primer Gray are different gray colors with HEX values #899499 and #8B8C89. According to Colors Encyclopedia, their RGB distance is 18, their contrast ratio is 1.09:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 18,
  "contrastRatio": 1.09,
  "colors": [
    {
      "slug": "pewter",
      "name": "Pewter",
      "hex": "#899499",
      "rgb": [
        137,
        148,
        153
      ],
      "hsl": [
        199,
        7,
        57
      ],
      "cmyk": [
        10,
        3,
        0,
        40
      ],
      "family": "gray",
      "temperature": "neutral",
      "tone": [
        "muted"
      ],
      "luminance": 0.288,
      "contrast": {
        "black": 6.76,
        "white": 3.11
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": []
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 6.76
      },
      "description": "Pewter is #899499, a neutral gray color with muted character. Compared with Primer Gray, it is lighter and more saturated. Use it for metallic palettes, product finishes, and premium packaging, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/pewter/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/pewter.json"
    },
    {
      "slug": "primer-gray",
      "name": "Primer Gray",
      "hex": "#8B8C89",
      "rgb": [
        139,
        140,
        137
      ],
      "hsl": [
        80,
        1,
        54
      ],
      "cmyk": [
        1,
        0,
        2,
        45
      ],
      "family": "gray",
      "temperature": "neutral",
      "tone": [
        "muted"
      ],
      "luminance": 0.2605,
      "contrast": {
        "black": 6.21,
        "white": 3.38
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": []
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 6.21
      },
      "description": "Primer Gray is #8B8C89, a neutral gray color with muted character. Compared with Pewter, it is darker and less saturated. Use it for industrial design, safety systems, and hardware palettes, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/primer-gray/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/primer-gray.json"
    }
  ],
  "differences": {
    "rgbDistance": 18,
    "contrastRatio": 1.09,
    "hslDelta": {
      "hue": 119,
      "saturation": 6,
      "lightness": 3
    },
    "luminanceDelta": 0.0275,
    "sameFamily": true,
    "sameTemperature": true,
    "sharedTones": [
      "muted"
    ],
    "lighterColor": "Pewter",
    "moreSaturatedColor": "Pewter"
  },
  "accessibility": {
    "pairContrastRatio": 1.09,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Pewter",
        "background": "#899499",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 6.76
      },
      {
        "color": "Primer Gray",
        "background": "#8B8C89",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 6.21
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Pewter is better when the design needs muted gray character, neutral temperature, and the specific HEX value #899499.",
    "chooseSecondWhen": "Primer Gray is better when the design needs muted gray character, neutral temperature, and the specific HEX value #8B8C89.",
    "useTogetherWhen": "Use these colors together as related palette neighbors, subtle material differences, or tonal alternatives rather than readable foreground/background pairs."
  },
  "relatedApi": [
    "https://www.colorsencyclopedia.com/api/compare/pewter-vs-primer-gray.json",
    "https://www.colorsencyclopedia.com/api/colors/pewter.json",
    "https://www.colorsencyclopedia.com/api/colors/primer-gray.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/pewter-vs-primer-gray/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/pewter-vs-primer-gray.json"
}