Skip to the color picker
PickShade

#312c19 color: Metal Construction Green

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

Read as HEX

47°
100%

OKLCH

29.3%
0.032
95°
  • ≈ Graphite
  • Brown
  • Very dark
  • Muted
  • Warm
  • olive-800
  • Black 81%

Looks the same on every screen.

White text13.95:1 · AALc -104
Black text1.50: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 #312c19

#312c19 is a muted very dark brown color. In OKLCH it has 29.3% lightness, 0.032 chroma and a hue of 95°.

Looks the same on every screen.

White text on it reaches 13.95:1 contrast and black text 1.5: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 brown colors

Lighter: #312c19 mixed with white

  1. 312c19
  2. 433e2d
  3. 555141
  4. 696556
  5. 7c796c
  6. 918e83
  7. a6a49b
  8. bcbab3
  9. d2d0cc
  10. e8e8e5

Darker: #312c19 mixed with black

  1. 312c19
  2. 292514
  3. 221e10
  4. 1a170b
  5. 131107
  6. 0c0a04
  7. 060502
  8. 030201
  9. 010100
  10. 000000

Calmer: #312c19 with less saturation

  1. 312c19
  2. 302c1b
  3. 302c1d
  4. 2f2c1f
  5. 2f2c21
  6. 2e2c23
  7. 2e2c25
  8. 2d2c27
  9. 2d2c28
  10. 2c2c2a