Toolman

#B35900 color

#B35900#B35900

#B35900 is a dark, vivid orange, closest to the CSS named color sienna (#A0522D).

Color values

HEX#B35900
RGBrgb(179, 89, 0)
HSLhsl(30, 100%, 35%)
CMYKcmyk(0%, 50%, 100%, 30%)
Decimal11753728
CSScolor: #B35900;
Android0xFFB35900
SwiftUIColor(red: 0.702, green: 0.349, blue: 0.000, alpha: 1)

Accessibility and contrast

White text on #B359004.83:1 — AA pass · AA large pass · AAA fail
Black text on #B359004.35:1 — AA fail · AA large pass · 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 #B35900

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

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 #B35900 in code

/* CSS */
.element { color: #B35900; background-color: #B35900; }
.element { color: rgb(179 89 0); }
.element { color: hsl(30 100% 35%); }

/* Tailwind arbitrary value */
<div class="bg-[#B35900] text-white">

/* SCSS variable */
$brand: #B35900;

Frequently asked questions

What color is #B35900?

#B35900 is a dark, vivid orange. Its hue sits at 30° on the color wheel, with 100% saturation and 35% lightness.

What is #B35900 in RGB?

#B35900 converts to rgb(179, 89, 0) — 179 red, 89 green and 0 blue.

What is #B35900 in CMYK?

Approximately cmyk(0%, 50%, 100%, 30%). 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 #B35900 be white or black?

White gives the better contrast ratio (4.83:1 versus 4.35:1).

What is the complementary color of #B35900?

#0059B3 — the hue directly opposite #B35900 on the color wheel.

Convert any color → · Browse all colors