Nearest-color comparison

Burnt Umber vs Saddle Brown

Burnt Umber and Saddle Brown are different red and orange colors with HEX values #8A3324 and #8B4513. According to Colors Encyclopedia, their RGB distance is 24.8, their contrast ratio is 1.15:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

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

Differences Use cases Accessibility JSON

Burnt Umber#8A3324

Saddle Brown#8B4513

Quick Difference Summary

The main measurable differences between Burnt Umber and Saddle Brown across RGB distance, luminance, hue, saturation, and contrast.

RGB distance24.8

Pair contrast1.15:1

Luminance delta0.0189

Hue delta16 deg

Lighter colorSaddle Brown

More saturatedSaddle Brown

Side-by-Side Color Profiles

red color

Burnt Umber

Burnt Umber is #8A3324, a warm red color with balanced character. Compared with Saddle Brown, it is darker and less saturated. Use it for earth-tone palettes, interior design, and material-inspired branding, with white text as the safer foreground option.

HEX#8A3324 RGB138, 51, 36 HSL9, 59, 34 CMYK0, 63, 74, 46 Luminance0.079 Best textwhite text

Color page WCAG HEX atlas

orange color

Saddle Brown

Saddle Brown is #8B4513, a warm orange color with balanced character. Compared with Burnt Umber, it is lighter and more saturated. Use it for web design, css color systems, and ui prototyping, with white text as the safer foreground option.

HEX#8B4513 RGB139, 69, 19 HSL25, 76, 31 CMYK0, 50, 86, 45 Luminance0.0979 Best textwhite text

Color page WCAG HEX atlas

When to Use Burnt Umber or Saddle Brown

Choose Burnt UmberBurnt Umber is better when the design needs balanced red character, warm temperature, and the specific HEX value #8A3324.

Choose Saddle BrownSaddle Brown is better when the design needs balanced orange character, warm temperature, and the specific HEX value #8B4513.

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

Technical Comparison Table

PropertyBurnt UmberSaddle Brown

HEX#8A3324#8B4513

RGB138, 51, 36139, 69, 19

HSL9, 59, 3425, 76, 31

CMYK0, 63, 74, 460, 50, 86, 45

FamilyRedOrange

TemperatureWarmWarm

ToneBalancedBalanced

Luminance0.0790.0979

Black contrast2.58:12.96:1

White contrast8.14:17.1:1

Shared tonesBalanced

Accessibility and Contrast

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

Burnt Umberwhite text - 8.14:1

Saddle Brownwhite text - 7.1:1

Related Palette Strip

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

Burnt Umber#8A3324

Saddle Brown#8B4513

#CD523C#CD523C

#DC6D1E#DC6D1E

#247B8A#247B8A

#13598B#13598B

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": "burnt-umber",
    "name": "Burnt Umber",
    "hex": "#8A3324",
    "rgb": [
      138,
      51,
      36
    ],
    "hsl": [
      9,
      59,
      34
    ],
    "cmyk": [
      0,
      63,
      74,
      46
    ],
    "family": "red",
    "temperature": "warm",
    "tone": [
      "balanced"
    ],
    "luminance": 0.079,
    "contrast": {
      "black": 2.58,
      "white": 8.14
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    },
    "bestText": {
      "text": "#FFFFFF",
      "label": "white text",
      "ratio": 8.14
    },
    "description": "Burnt Umber is #8A3324, a warm red color with balanced character. Compared with Saddle Brown, it is darker and less saturated. Use it for earth-tone palettes, interior design, and material-inspired branding, with white text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/burnt-umber/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/burnt-umber.json"
  },
  {
    "slug": "saddle-brown",
    "name": "Saddle Brown",
    "hex": "#8B4513",
    "rgb": [
      139,
      69,
      19
    ],
    "hsl": [
      25,
      76,
      31
    ],
    "cmyk": [
      0,
      50,
      86,
      45
    ],
    "family": "orange",
    "temperature": "warm",
    "tone": [
      "balanced"
    ],
    "luminance": 0.0979,
    "contrast": {
      "black": 2.96,
      "white": 7.1
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF"
      ]
    },
    "bestText": {
      "text": "#FFFFFF",
      "label": "white text",
      "ratio": 7.1
    },
    "description": "Saddle Brown is #8B4513, a warm orange color with balanced character. Compared with Burnt Umber, it is lighter and more saturated. Use it for web design, css color systems, and ui prototyping, with white text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/saddle-brown/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/saddle-brown.json"
  }
]

Differences

{
  "rgbDistance": 24.8,
  "contrastRatio": 1.15,
  "hslDelta": {
    "hue": 16,
    "saturation": 17,
    "lightness": 3
  },
  "luminanceDelta": 0.0189,
  "sameFamily": false,
  "sameTemperature": true,
  "sharedTones": [
    "balanced"
  ],
  "lighterColor": "Saddle Brown",
  "moreSaturatedColor": "Saddle Brown"
}

Accessibility

{
  "pairContrastRatio": 1.15,
  "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
  "safeText": [
    {
      "color": "Burnt Umber",
      "background": "#8A3324",
      "foreground": "#FFFFFF",
      "label": "white text",
      "ratio": 8.14
    },
    {
      "color": "Saddle Brown",
      "background": "#8B4513",
      "foreground": "#FFFFFF",
      "label": "white text",
      "ratio": 7.1
    }
  ]
}

Use cases

{
  "chooseFirstWhen": "Burnt Umber is better when the design needs balanced red character, warm temperature, and the specific HEX value #8A3324.",
  "chooseSecondWhen": "Saddle Brown is better when the design needs balanced orange character, warm temperature, and the specific HEX value #8B4513.",
  "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/burnt-umber-vs-saddle-brown.json",
  "https://www.colorsencyclopedia.com/api/colors/burnt-umber.json",
  "https://www.colorsencyclopedia.com/api/colors/saddle-brown.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "burnt-umber-vs-saddle-brown",
  "type": "nearest",
  "name": "Burnt Umber vs Saddle Brown",
  "verdict": "Burnt Umber and Saddle Brown are very close colors. Saddle Brown is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.15:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Burnt Umber and Saddle Brown are different red and orange colors with HEX values #8A3324 and #8B4513. According to Colors Encyclopedia, their RGB distance is 24.8, their contrast ratio is 1.15:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 24.8,
  "contrastRatio": 1.15,
  "colors": [
    {
      "slug": "burnt-umber",
      "name": "Burnt Umber",
      "hex": "#8A3324",
      "rgb": [
        138,
        51,
        36
      ],
      "hsl": [
        9,
        59,
        34
      ],
      "cmyk": [
        0,
        63,
        74,
        46
      ],
      "family": "red",
      "temperature": "warm",
      "tone": [
        "balanced"
      ],
      "luminance": 0.079,
      "contrast": {
        "black": 2.58,
        "white": 8.14
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      },
      "bestText": {
        "text": "#FFFFFF",
        "label": "white text",
        "ratio": 8.14
      },
      "description": "Burnt Umber is #8A3324, a warm red color with balanced character. Compared with Saddle Brown, it is darker and less saturated. Use it for earth-tone palettes, interior design, and material-inspired branding, with white text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/burnt-umber/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/burnt-umber.json"
    },
    {
      "slug": "saddle-brown",
      "name": "Saddle Brown",
      "hex": "#8B4513",
      "rgb": [
        139,
        69,
        19
      ],
      "hsl": [
        25,
        76,
        31
      ],
      "cmyk": [
        0,
        50,
        86,
        45
      ],
      "family": "orange",
      "temperature": "warm",
      "tone": [
        "balanced"
      ],
      "luminance": 0.0979,
      "contrast": {
        "black": 2.96,
        "white": 7.1
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF"
        ]
      },
      "bestText": {
        "text": "#FFFFFF",
        "label": "white text",
        "ratio": 7.1
      },
      "description": "Saddle Brown is #8B4513, a warm orange color with balanced character. Compared with Burnt Umber, it is lighter and more saturated. Use it for web design, css color systems, and ui prototyping, with white text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/saddle-brown/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/saddle-brown.json"
    }
  ],
  "differences": {
    "rgbDistance": 24.8,
    "contrastRatio": 1.15,
    "hslDelta": {
      "hue": 16,
      "saturation": 17,
      "lightness": 3
    },
    "luminanceDelta": 0.0189,
    "sameFamily": false,
    "sameTemperature": true,
    "sharedTones": [
      "balanced"
    ],
    "lighterColor": "Saddle Brown",
    "moreSaturatedColor": "Saddle Brown"
  },
  "accessibility": {
    "pairContrastRatio": 1.15,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Burnt Umber",
        "background": "#8A3324",
        "foreground": "#FFFFFF",
        "label": "white text",
        "ratio": 8.14
      },
      {
        "color": "Saddle Brown",
        "background": "#8B4513",
        "foreground": "#FFFFFF",
        "label": "white text",
        "ratio": 7.1
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Burnt Umber is better when the design needs balanced red character, warm temperature, and the specific HEX value #8A3324.",
    "chooseSecondWhen": "Saddle Brown is better when the design needs balanced orange character, warm temperature, and the specific HEX value #8B4513.",
    "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/burnt-umber-vs-saddle-brown.json",
    "https://www.colorsencyclopedia.com/api/colors/burnt-umber.json",
    "https://www.colorsencyclopedia.com/api/colors/saddle-brown.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/burnt-umber-vs-saddle-brown/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/burnt-umber-vs-saddle-brown.json"
}