Toolman

#451A03 color

#451A03#451A03

The swatch above shows #451A03 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.

#451A03 is a very dark, vivid orange, closest to the CSS named color maroon (#800000).

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

Color values

HEX#451A03
RGBrgb(69, 26, 3)
HSLhsl(21, 92%, 14%)
CMYKcmyk(0%, 62%, 96%, 73%)
Decimal4528643
CSScolor: #451A03;
Android0xFF451A03
SwiftUIColor(red: 0.271, green: 0.102, blue: 0.012, alpha: 1)

Accessibility and contrast

White text on #451A0314.98:1 — AA pass · AA large pass · AAA pass
Black text on #451A031.40: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 #451A03

Each swatch keeps the hue and saturation of #451A03 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 #451A03

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 #451A03 in code

/* CSS */
.element { color: #451A03; background-color: #451A03; }
.element { color: rgb(69 26 3); }
.element { color: hsl(21 92% 14%); }

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

/* SCSS variable */
$brand: #451A03;

Frequently asked questions

What color is #451A03?

#451A03 is a very dark, vivid orange. Its hue sits at 21° on the color wheel, with 92% saturation and 14% lightness.

What is #451A03 in RGB?

#451A03 converts to rgb(69, 26, 3) — 69 red, 26 green and 3 blue.

What is #451A03 in CMYK?

Approximately cmyk(0%, 62%, 96%, 73%). 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 #451A03 be white or black?

White gives the better contrast ratio (14.98:1 versus 1.40:1).

What is the complementary color of #451A03?

#032E45 — the hue directly opposite #451A03 on the color wheel.

Convert any color → · Browse all colors