Skip to the color picker

#422e20 color: Morocco Brown

#422e20 is rgb(66, 46, 32) in RGB and oklch(32.068% 0.03764 55.924) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

25°
100%

32.1%
0.038
56°
  • Brown
  • Dark
  • Muted
  • Warm
  • ≈ Graphite
  • yellow-950
  • Black 74%

Inside sRGB: displays the same on any screen.

White text
12.78:1Readable · AA
Lc -102
Black text
1.64:1Hard to read
Lc 0

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 #422e20

#422e20 is a muted dark brown color. In OKLCH it has 32.1% lightness, 0.038 chroma and a hue of 56°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Morocco Brown (#442d21). In Tailwind CSS the closest color is yellow-950.

More dark brown colors

Lighter: #422e20 mixed with white

Darker: #422e20 mixed with black

  1. 000000

Calmer: #422e20 with less saturation

Similar named colors

Colors that go with #422e20

Complementary
Analogous
Triadic
Split

Questions about #422e20

What color is #422e20?

#422e20 is muted dark brown. The closest named color is Morocco Brown. In RGB it is rgb(66, 46, 32), in HSL hsl(24.71, 34.69%, 19.22%) and in OKLCH oklch(32.068% 0.03764 55.924).

What colors go well with #422e20?

The complementary color of #422e20 is #1f3644. For a calmer combination use the analogous colors #442c29 and #3c321c. The triadic partners are #1c3932 and #352f44.

Is white or black text more readable on #422e20?

White text reads better on #422e20: white gives a contrast ratio of 12.78:1 and black gives 1.64:1. WCAG AA asks for at least 4.5:1 for body text.

Is #422e20 a warm or cool color?

#422e20 is a warm color. In OKLCH its hue is 56 degrees, its lightness 32.1% and its chroma 0.038.