Nearest-color comparison

Cement vs Greige

Cement and Greige are different yellow and orange colors with HEX values #A5A391 and #B0A999. According to Colors Encyclopedia, their RGB distance is 14.9, their contrast ratio is 1.09:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

Cement and Greige are very close colors. Greige 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

Cement#A5A391

Greige#B0A999

Quick Difference Summary

The main measurable differences between Cement and Greige across RGB distance, luminance, hue, saturation, and contrast.

RGB distance14.9

Pair contrast1.09:1

Luminance delta0.0367

Hue delta12 deg

Lighter colorGreige

More saturatedGreige

Side-by-Side Color Profiles

yellow color

Cement

Cement is #A5A391, a warm yellow color with muted and earth tone character. Compared with Greige, it is darker and less saturated. Use it for backgrounds, typography, and product surfaces, with black text as the safer foreground option.

HEX#A5A391 RGB165, 163, 145 HSL54, 10, 61 CMYK0, 1, 12, 35 Luminance0.3624 Best textblack text

Color page WCAG HEX atlas

orange color

Greige

Greige is #B0A999, a warm orange color with muted and earth tone character. Compared with Cement, it is lighter and more saturated. Use it for backgrounds, typography, and product surfaces, with black text as the safer foreground option.

HEX#B0A999 RGB176, 169, 153 HSL42, 13, 65 CMYK0, 4, 13, 31 Luminance0.3991 Best textblack text

Color page WCAG HEX atlas

When to Use Cement or Greige

Choose CementCement is better when the design needs muted and earth tone yellow character, warm temperature, and the specific HEX value #A5A391.

Choose GreigeGreige is better when the design needs muted and earth tone orange character, warm temperature, and the specific HEX value #B0A999.

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

Technical Comparison Table

PropertyCementGreige

HEX#A5A391#B0A999

RGB165, 163, 145176, 169, 153

HSL54, 10, 6142, 13, 65

CMYK0, 1, 12, 350, 4, 13, 31

FamilyYellowOrange

TemperatureWarmWarm

ToneMuted, Earth ToneMuted, Earth Tone

Luminance0.36240.3991

Black contrast8.25:18.98:1

White contrast2.55:12.34:1

Shared tonesMuted, Earth Tone

Accessibility and Contrast

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

Cementblack text - 8.25:1

Greigeblack text - 8.98:1

Related Palette Strip

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

Cement#A5A391

Greige#B0A999

#CFCEC4#CFCEC4

#D9D6CE#D9D6CE

#9294A5#9294A5

#9AA1B1#9AA1B1

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": "cement",
    "name": "Cement",
    "hex": "#A5A391",
    "rgb": [
      165,
      163,
      145
    ],
    "hsl": [
      54,
      10,
      61
    ],
    "cmyk": [
      0,
      1,
      12,
      35
    ],
    "family": "yellow",
    "temperature": "warm",
    "tone": [
      "muted",
      "earth-tone"
    ],
    "luminance": 0.3624,
    "contrast": {
      "black": 8.25,
      "white": 2.55
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 8.25
    },
    "description": "Cement is #A5A391, a warm yellow color with muted and earth tone character. Compared with Greige, it is darker and less saturated. Use it for backgrounds, typography, and product surfaces, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/cement/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/cement.json"
  },
  {
    "slug": "greige",
    "name": "Greige",
    "hex": "#B0A999",
    "rgb": [
      176,
      169,
      153
    ],
    "hsl": [
      42,
      13,
      65
    ],
    "cmyk": [
      0,
      4,
      13,
      31
    ],
    "family": "orange",
    "temperature": "warm",
    "tone": [
      "muted",
      "earth-tone"
    ],
    "luminance": 0.3991,
    "contrast": {
      "black": 8.98,
      "white": 2.34
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 8.98
    },
    "description": "Greige is #B0A999, a warm orange color with muted and earth tone character. Compared with Cement, it is lighter and more saturated. Use it for backgrounds, typography, and product surfaces, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/greige/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/greige.json"
  }
]

Differences

{
  "rgbDistance": 14.9,
  "contrastRatio": 1.09,
  "hslDelta": {
    "hue": 12,
    "saturation": 3,
    "lightness": 4
  },
  "luminanceDelta": 0.0367,
  "sameFamily": false,
  "sameTemperature": true,
  "sharedTones": [
    "muted",
    "earth-tone"
  ],
  "lighterColor": "Greige",
  "moreSaturatedColor": "Greige"
}

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": "Cement",
      "background": "#A5A391",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 8.25
    },
    {
      "color": "Greige",
      "background": "#B0A999",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 8.98
    }
  ]
}

Use cases

{
  "chooseFirstWhen": "Cement is better when the design needs muted and earth tone yellow character, warm temperature, and the specific HEX value #A5A391.",
  "chooseSecondWhen": "Greige is better when the design needs muted and earth tone orange character, warm temperature, and the specific HEX value #B0A999.",
  "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/cement-vs-greige.json",
  "https://www.colorsencyclopedia.com/api/colors/cement.json",
  "https://www.colorsencyclopedia.com/api/colors/greige.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "cement-vs-greige",
  "type": "nearest",
  "name": "Cement vs Greige",
  "verdict": "Cement and Greige are very close colors. Greige 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": "Cement and Greige are different yellow and orange colors with HEX values #A5A391 and #B0A999. According to Colors Encyclopedia, their RGB distance is 14.9, their contrast ratio is 1.09:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 14.9,
  "contrastRatio": 1.09,
  "colors": [
    {
      "slug": "cement",
      "name": "Cement",
      "hex": "#A5A391",
      "rgb": [
        165,
        163,
        145
      ],
      "hsl": [
        54,
        10,
        61
      ],
      "cmyk": [
        0,
        1,
        12,
        35
      ],
      "family": "yellow",
      "temperature": "warm",
      "tone": [
        "muted",
        "earth-tone"
      ],
      "luminance": 0.3624,
      "contrast": {
        "black": 8.25,
        "white": 2.55
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 8.25
      },
      "description": "Cement is #A5A391, a warm yellow color with muted and earth tone character. Compared with Greige, it is darker and less saturated. Use it for backgrounds, typography, and product surfaces, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/cement/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/cement.json"
    },
    {
      "slug": "greige",
      "name": "Greige",
      "hex": "#B0A999",
      "rgb": [
        176,
        169,
        153
      ],
      "hsl": [
        42,
        13,
        65
      ],
      "cmyk": [
        0,
        4,
        13,
        31
      ],
      "family": "orange",
      "temperature": "warm",
      "tone": [
        "muted",
        "earth-tone"
      ],
      "luminance": 0.3991,
      "contrast": {
        "black": 8.98,
        "white": 2.34
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 8.98
      },
      "description": "Greige is #B0A999, a warm orange color with muted and earth tone character. Compared with Cement, it is lighter and more saturated. Use it for backgrounds, typography, and product surfaces, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/greige/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/greige.json"
    }
  ],
  "differences": {
    "rgbDistance": 14.9,
    "contrastRatio": 1.09,
    "hslDelta": {
      "hue": 12,
      "saturation": 3,
      "lightness": 4
    },
    "luminanceDelta": 0.0367,
    "sameFamily": false,
    "sameTemperature": true,
    "sharedTones": [
      "muted",
      "earth-tone"
    ],
    "lighterColor": "Greige",
    "moreSaturatedColor": "Greige"
  },
  "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": "Cement",
        "background": "#A5A391",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 8.25
      },
      {
        "color": "Greige",
        "background": "#B0A999",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 8.98
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Cement is better when the design needs muted and earth tone yellow character, warm temperature, and the specific HEX value #A5A391.",
    "chooseSecondWhen": "Greige is better when the design needs muted and earth tone orange character, warm temperature, and the specific HEX value #B0A999.",
    "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/cement-vs-greige.json",
    "https://www.colorsencyclopedia.com/api/colors/cement.json",
    "https://www.colorsencyclopedia.com/api/colors/greige.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/cement-vs-greige/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/cement-vs-greige.json"
}