Saddlebrown

saddlebrown is a CSS color keyword. The closest Tailwind step is amber-800 (#92400e).

#8b4513rgb(139, 69, 19)
Hex
#8b4513
RGB
139, 69, 19
HSL
25°, 76%, 31%
OKLCH
47.1% 0.112 50.8
LAB
37.5 26.4 41.0

Open #8b4513 in the explorer

Text contrast

Black or white text on #8b4513. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text3.0:1 FailAPCA Lc 23
White text7.1:1 AAAAPCA Lc -86

Color vision

How #8b4513 looks in simulations of color blindness, at full severity.

Full color
#8b4513
Protanopia
#594e0a
Deuteranopia
#6a5e11
Tritanopia
#99353b

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to saddlebrown.

50100200300400500600700800900950

Copy into CSS

color: saddlebrown;
background: #8b4513;
@theme {
  --color-saddlebrown-50: #fff2eb;
  --color-saddlebrown-100: #ffe1d0;
  --color-saddlebrown-200: #ffc29f;
  --color-saddlebrown-300: #ed9f71;
  --color-saddlebrown-400: #cf8355;
  --color-saddlebrown-500: #ae6537;
  --color-saddlebrown-600: #914b1a;
  --color-saddlebrown-700: #763500;
  --color-saddlebrown-800: #572500;
  --color-saddlebrown-900: #391600;
  --color-saddlebrown-950: #1b0700;
}