Nearest-color comparison

Mushroom vs Sage Gray

Mushroom and Sage Gray are different orange and yellow colors with HEX values #B7A99A and #B2AC88. According to Colors Encyclopedia, their RGB distance is 18.9, their contrast ratio is 1:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

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

Differences Use cases Accessibility JSON

Mushroom#B7A99A

Sage Gray#B2AC88

Quick Difference Summary

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

RGB distance18.9

Pair contrast1:1

Luminance delta0.0003

Hue delta20 deg

Lighter colorMushroom

More saturatedSage Gray

Side-by-Side Color Profiles

orange color

Mushroom

Mushroom is #B7A99A, a warm orange color with muted and earth tone character. Compared with Sage Gray, it is lighter and less saturated. Use it for backgrounds, typography, and product surfaces, with black text as the safer foreground option.

HEX#B7A99A RGB183, 169, 154 HSL31, 17, 66 CMYK0, 8, 16, 28 Luminance0.4078 Best textblack text

Color page WCAG HEX atlas

yellow color

Sage Gray

Sage Gray is #B2AC88, a warm yellow color with muted and earth tone character. Compared with Mushroom, it is darker and more saturated. Use it for natural palettes, wellness branding, and sustainability design, with black text as the safer foreground option.

HEX#B2AC88 RGB178, 172, 136 HSL51, 21, 62 CMYK0, 3, 24, 30 Luminance0.4075 Best textblack text

Color page WCAG HEX atlas

When to Use Mushroom or Sage Gray

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

Choose Sage GraySage Gray is better when the design needs muted and earth tone yellow character, warm temperature, and the specific HEX value #B2AC88.

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

Technical Comparison Table

PropertyMushroomSage Gray

HEX#B7A99A#B2AC88

RGB183, 169, 154178, 172, 136

HSL31, 17, 6651, 21, 62

CMYK0, 8, 16, 280, 3, 24, 30

FamilyOrangeYellow

TemperatureWarmWarm

ToneMuted, Earth ToneMuted, Earth Tone

Luminance0.40780.4075

Black contrast9.16:19.15:1

White contrast2.29:12.3: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.

Mushroomblack text - 9.16:1

Sage Grayblack text - 9.15:1

Related Palette Strip

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

Mushroom#B7A99A

Sage Gray#B2AC88

#DDD6CF#DDD6CF

#D7D3C1#D7D3C1

#9AA8B7#9AA8B7

#8A90B2#8A90B2

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": "mushroom",
    "name": "Mushroom",
    "hex": "#B7A99A",
    "rgb": [
      183,
      169,
      154
    ],
    "hsl": [
      31,
      17,
      66
    ],
    "cmyk": [
      0,
      8,
      16,
      28
    ],
    "family": "orange",
    "temperature": "warm",
    "tone": [
      "muted",
      "earth-tone"
    ],
    "luminance": 0.4078,
    "contrast": {
      "black": 9.16,
      "white": 2.29
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 9.16
    },
    "description": "Mushroom is #B7A99A, a warm orange color with muted and earth tone character. Compared with Sage Gray, it is lighter 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/mushroom/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/mushroom.json"
  },
  {
    "slug": "sage-gray",
    "name": "Sage Gray",
    "hex": "#B2AC88",
    "rgb": [
      178,
      172,
      136
    ],
    "hsl": [
      51,
      21,
      62
    ],
    "cmyk": [
      0,
      3,
      24,
      30
    ],
    "family": "yellow",
    "temperature": "warm",
    "tone": [
      "muted",
      "earth-tone"
    ],
    "luminance": 0.4075,
    "contrast": {
      "black": 9.15,
      "white": 2.3
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 9.15
    },
    "description": "Sage Gray is #B2AC88, a warm yellow color with muted and earth tone character. Compared with Mushroom, it is darker and more saturated. Use it for natural palettes, wellness branding, and sustainability design, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/sage-gray/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/sage-gray.json"
  }
]

Differences

{
  "rgbDistance": 18.9,
  "contrastRatio": 1,
  "hslDelta": {
    "hue": 20,
    "saturation": 4,
    "lightness": 4
  },
  "luminanceDelta": 0.0003,
  "sameFamily": false,
  "sameTemperature": true,
  "sharedTones": [
    "muted",
    "earth-tone"
  ],
  "lighterColor": "Mushroom",
  "moreSaturatedColor": "Sage Gray"
}

Accessibility

{
  "pairContrastRatio": 1,
  "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
  "safeText": [
    {
      "color": "Mushroom",
      "background": "#B7A99A",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 9.16
    },
    {
      "color": "Sage Gray",
      "background": "#B2AC88",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 9.15
    }
  ]
}

Use cases

{
  "chooseFirstWhen": "Mushroom is better when the design needs muted and earth tone orange character, warm temperature, and the specific HEX value #B7A99A.",
  "chooseSecondWhen": "Sage Gray is better when the design needs muted and earth tone yellow character, warm temperature, and the specific HEX value #B2AC88.",
  "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/mushroom-vs-sage-gray.json",
  "https://www.colorsencyclopedia.com/api/colors/mushroom.json",
  "https://www.colorsencyclopedia.com/api/colors/sage-gray.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "mushroom-vs-sage-gray",
  "type": "nearest",
  "name": "Mushroom vs Sage Gray",
  "verdict": "Mushroom and Sage Gray are very close colors. Mushroom is the lighter option. They share similar temperature behavior. Their mutual contrast is 1:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Mushroom and Sage Gray are different orange and yellow colors with HEX values #B7A99A and #B2AC88. According to Colors Encyclopedia, their RGB distance is 18.9, their contrast ratio is 1:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 18.9,
  "contrastRatio": 1,
  "colors": [
    {
      "slug": "mushroom",
      "name": "Mushroom",
      "hex": "#B7A99A",
      "rgb": [
        183,
        169,
        154
      ],
      "hsl": [
        31,
        17,
        66
      ],
      "cmyk": [
        0,
        8,
        16,
        28
      ],
      "family": "orange",
      "temperature": "warm",
      "tone": [
        "muted",
        "earth-tone"
      ],
      "luminance": 0.4078,
      "contrast": {
        "black": 9.16,
        "white": 2.29
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 9.16
      },
      "description": "Mushroom is #B7A99A, a warm orange color with muted and earth tone character. Compared with Sage Gray, it is lighter 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/mushroom/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/mushroom.json"
    },
    {
      "slug": "sage-gray",
      "name": "Sage Gray",
      "hex": "#B2AC88",
      "rgb": [
        178,
        172,
        136
      ],
      "hsl": [
        51,
        21,
        62
      ],
      "cmyk": [
        0,
        3,
        24,
        30
      ],
      "family": "yellow",
      "temperature": "warm",
      "tone": [
        "muted",
        "earth-tone"
      ],
      "luminance": 0.4075,
      "contrast": {
        "black": 9.15,
        "white": 2.3
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 9.15
      },
      "description": "Sage Gray is #B2AC88, a warm yellow color with muted and earth tone character. Compared with Mushroom, it is darker and more saturated. Use it for natural palettes, wellness branding, and sustainability design, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/sage-gray/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/sage-gray.json"
    }
  ],
  "differences": {
    "rgbDistance": 18.9,
    "contrastRatio": 1,
    "hslDelta": {
      "hue": 20,
      "saturation": 4,
      "lightness": 4
    },
    "luminanceDelta": 0.0003,
    "sameFamily": false,
    "sameTemperature": true,
    "sharedTones": [
      "muted",
      "earth-tone"
    ],
    "lighterColor": "Mushroom",
    "moreSaturatedColor": "Sage Gray"
  },
  "accessibility": {
    "pairContrastRatio": 1,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Mushroom",
        "background": "#B7A99A",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 9.16
      },
      {
        "color": "Sage Gray",
        "background": "#B2AC88",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 9.15
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Mushroom is better when the design needs muted and earth tone orange character, warm temperature, and the specific HEX value #B7A99A.",
    "chooseSecondWhen": "Sage Gray is better when the design needs muted and earth tone yellow character, warm temperature, and the specific HEX value #B2AC88.",
    "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/mushroom-vs-sage-gray.json",
    "https://www.colorsencyclopedia.com/api/colors/mushroom.json",
    "https://www.colorsencyclopedia.com/api/colors/sage-gray.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/mushroom-vs-sage-gray/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/mushroom-vs-sage-gray.json"
}