Skip to the color picker

#b1682e color: Date Fruit Brown

#b1682e is rgb(177, 104, 46) in RGB and oklch(58.843% 0.11793 55.941) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

27°
100%

58.8%
0.118
56°
  • Brown
  • Medium
  • Vivid
  • Warm
  • ≈ Copper
  • yellow-700
  • Black 31%

Inside sRGB: displays the same on any screen.

White text
4.30:1Hard to read
Lc -75
Black text
4.89:1Readable · AA
Lc 35

Shades

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

Harmonies

Open as palette

Recent

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

About #b1682e

#b1682e is a bright brown color. In OKLCH it has 58.8% lightness, 0.118 chroma and a hue of 56°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Date Fruit Brown (#af642b). In Tailwind CSS the closest color is yellow-700.

More medium brown colors

Lighter: #b1682e mixed with white

  1. b1682e
  2. ba7746
  3. c2865b
  4. ca956f
  5. d2a484
  6. dab398
  7. e2c2ac
  8. e9d1c1
  9. f1e0d5
  10. f8f0ea

Darker: #b1682e mixed with black

  1. b1682e
  2. 995927
  3. 834b1f
  4. 6c3e18
  5. 573012
  6. 42240b
  7. 2f1806
  8. 1c0c02
  9. 0c0401
  10. 010000

Calmer: #b1682e with less saturation

  1. b1682e
  2. ac6b39
  3. a76d43
  4. a3704b
  5. 9e7253
  6. 98745b
  7. 937662
  8. 8e7869
  9. 887a70
  10. 837b76

Questions about #b1682e

What color is #b1682e?

#b1682e is bright brown. The closest named color is Date Fruit Brown. In RGB it is rgb(177, 104, 46), in HSL hsl(26.56, 58.74%, 43.73%) and in OKLCH oklch(58.843% 0.11793 55.941).

What colors go well with #b1682e?

The complementary color of #b1682e is #1d86b9. For a calmer combination use the analogous colors #b95e57 and #9c770a. The triadic partners are #00937a and #836dbb.

Is white or black text more readable on #b1682e?

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

Is #b1682e a warm or cool color?

#b1682e is a warm color. In OKLCH its hue is 56 degrees, its lightness 58.8% and its chroma 0.118.