Skip to the color picker
PickShade

#342f17 color: Metal Construction Green

Every format, shade and contrast value for #342f17. Drag the picker to explore nearby colors.

Read as HEX

50°
100%

OKLCH

30.4%
0.039
98°
  • ≈ Graphite
  • Brown
  • Dark
  • Muted
  • Warm
  • olive-800
  • Black 80%

Looks the same on every screen.

White text13.42:1 · AALc -103
Black text1.56:1 · Below AALc 0

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 #342f17

#342f17 is a muted dark brown color. In OKLCH it has 30.4% lightness, 0.039 chroma and a hue of 98°.

Looks the same on every screen.

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

The closest named color is Metal Construction Green (#2f2e1f). In Tailwind CSS the closest color is olive-800.

More dark brown colors

Lighter: #342f17 mixed with white

  1. 342f17
  2. 46412b
  3. 585440
  4. 6b6755
  5. 7e7b6c
  6. 939083
  7. a7a59a
  8. bdbbb3
  9. d2d1cc
  10. e8e8e5

Darker: #342f17 mixed with black

  1. 342f17
  2. 2c2712
  3. 24200e
  4. 1c190a
  5. 151206
  6. 0e0c04
  7. 070602
  8. 030301
  9. 010100
  10. 000000

Calmer: #342f17 with less saturation

  1. 342f17
  2. 332f1a
  3. 332f1c
  4. 322f1f
  5. 322f21
  6. 312f24
  7. 312f26
  8. 302f28
  9. 302f2a
  10. 2f2f2d