Toolman

#92400E color

#92400E#92400E

The swatch above shows #92400E with its hex code written on it in white and in black, so you can see which of the two is legible before reading the measured ratios below.

#92400E is a dark, vivid orange, closest to the CSS named color saddlebrown (#8B4513).

It is also a Tailwind CSS default: amber-800. That means you can write bg-amber-800 or text-amber-800 directly, with no arbitrary-value brackets and no entry in your theme config.

Color values

HEX#92400E
RGBrgb(146, 64, 14)
HSLhsl(23, 83%, 31%)
CMYKcmyk(0%, 56%, 90%, 43%)
Decimal9584654
CSScolor: #92400E;
Android0xFF92400E
SwiftUIColor(red: 0.573, green: 0.251, blue: 0.055, alpha: 1)

Accessibility and contrast

White text on #92400E7.09:1 — AA pass · AA large pass · AAA pass
Black text on #92400E2.96:1 — AA fail · AA large fail · AAA fail
Recommended text colorwhite

WCAG 2.1 asks for at least 4.5:1 for body text and 3:1 for large text (18 pt, or 14 pt bold).

Tints and shades of #92400E

Each swatch keeps the hue and saturation of #92400E and varies only lightness — the quickest way to build a usable scale from a single brand color.

95%
85%
75%
65%
55%
45%
35%
25%
15%

Colors that go with #92400E

Harmonies generated by rotating the hue on the color wheel while holding saturation and lightness constant.

Complementary
Triadic +120°
Triadic +240°
Analogous −30°
Analogous +30°
Split −150°
Split +150°

Using #92400E in code

/* CSS */
.element { color: #92400E; background-color: #92400E; }
.element { color: rgb(146 64 14); }
.element { color: hsl(23 83% 31%); }

/* Tailwind */
<div class="bg-amber-800 text-white">

/* SCSS variable */
$brand: #92400E;

Frequently asked questions

What color is #92400E?

#92400E is a dark, vivid orange. Its hue sits at 23° on the color wheel, with 83% saturation and 31% lightness.

What is #92400E in RGB?

#92400E converts to rgb(146, 64, 14) — 146 red, 64 green and 14 blue.

What is #92400E in CMYK?

Approximately cmyk(0%, 56%, 90%, 43%). Print output depends on the ICC profile of the press and paper, so treat this as a starting point rather than an exact match.

Should text on #92400E be white or black?

White gives the better contrast ratio (7.09:1 versus 2.96:1).

What is the complementary color of #92400E?

#0D5E91 — the hue directly opposite #92400E on the color wheel.

Convert any color → · Browse all colors