#836a31 color: By Gum
#836a31 is rgb(131, 106, 49) in RGB and oklch(53.659% 0.08166 85.672) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Brown
- Medium
- Soft
- Warm
- ≈ Olive
- yellow-700
- Black 49%
Inside sRGB: displays the same on any screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Open as paletteRecent
Colors you stop on or copy appear here. They stay on this device.
About #836a31
#836a31 is a soft brown color. In OKLCH it has 53.7% lightness, 0.082 chroma and a hue of 86°.
Inside sRGB: displays the same on any screen.
White text on it reaches 5.16:1 contrast and black text 4.07:1, so white text reads better.
The closest named color is By Gum (#816a38). In Tailwind CSS the closest color is yellow-700.
Lighter: #836a31 mixed with white
Darker: #836a31 mixed with black
Calmer: #836a31 with less saturation
Similar named colors
Colors that go with #836a31
Questions about #836a31
What color is #836a31?
#836a31 is soft brown. The closest named color is By Gum. In RGB it is rgb(131, 106, 49), in HSL hsl(41.71, 45.56%, 35.29%) and in OKLCH oklch(53.659% 0.08166 85.672).
What colors go well with #836a31?
The complementary color of #836a31 is #576c9e. For a calmer combination use the analogous colors #92613d and #6b7339. The triadic partners are #227b85 and #865d87.
Is white or black text more readable on #836a31?
White text reads better on #836a31: white gives a contrast ratio of 5.16:1 and black gives 4.07:1. WCAG AA asks for at least 4.5:1 for body text.
Is #836a31 a warm or cool color?
#836a31 is a warm color. In OKLCH its hue is 86 degrees, its lightness 53.7% and its chroma 0.082.