Skip to the color picker

#d16100 color: Brusque Brown

#d16100 is rgb(209, 97, 0) in RGB and oklch(61.968% 0.16448 49.724) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

28°
100%

62%
0.164
50°
  • Brown
  • Medium
  • Vivid
  • Warm
  • ≈ Chocolate
  • amber-600
  • Black 18%

Inside sRGB: displays the same on any screen.

White text
3.87:1Hard to read
Lc -71
Black text
5.42:1Readable · AA
Lc 39

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

About #d16100

#d16100 is a bright brown color. In OKLCH it has 62% lightness, 0.164 chroma and a hue of 50°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.87:1 contrast and black text 5.42:1, so white text reads better.

The closest named color is Brusque Brown (#cc6611). In Tailwind CSS the closest color is amber-600.

More medium brown colors

Lighter: #d16100 mixed with white

Darker: #d16100 mixed with black

Calmer: #d16100 with less saturation

Similar named colors

  • Chocolate#d2691e

Colors that go with #d16100

Complementary
Analogous
Triadic
Split

Questions about #d16100

What color is #d16100?

#d16100 is bright brown. The closest named color is Brusque Brown. In RGB it is rgb(209, 97, 0), in HSL hsl(27.85, 100%, 40.98%) and in OKLCH oklch(61.968% 0.16448 49.724).

What colors go well with #d16100?

The complementary color of #d16100 is #0094cc. For a calmer combination use the analogous colors #d7545c and #b47900. The triadic partners are #00a178 and #8670e1.

Is white or black text more readable on #d16100?

White text reads better on #d16100: white gives a contrast ratio of 3.87:1 and black gives 5.42:1. WCAG AA asks for at least 4.5:1 for body text.

Is #d16100 a warm or cool color?

#d16100 is a warm color. In OKLCH its hue is 50 degrees, its lightness 62% and its chroma 0.164.