Skip to the color picker
PickShade

#2e2e22 color: Metal Construction Green

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

Read as HEX

60°
100%

OKLCH

29.7%
0.021
108°
  • ≈ Graphite
  • Yellow
  • Very dark
  • Muted
  • Neutral
  • olive-800
  • Black 82%

Looks the same on every screen.

White text13.72:1 · AALc -103
Black text1.53: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 #2e2e22

#2e2e22 is a muted very dark yellow color. In OKLCH it has 29.7% lightness, 0.021 chroma and a hue of 108°.

Looks the same on every screen.

White text on it reaches 13.72:1 contrast and black text 1.53: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 yellow colors

Lighter: #2e2e22 mixed with white

  1. 2e2e22
  2. 404035
  3. 535348
  4. 66665d
  5. 7a7a72
  6. 8f8f88
  7. a5a59f
  8. babbb6
  9. d1d1ce
  10. e8e8e6

Darker: #2e2e22 mixed with black

  1. 2e2e22
  2. 27271c
  3. 1f1f16
  4. 181811
  5. 12120b
  6. 0b0b07
  7. 060603
  8. 020201
  9. 010100
  10. 000000

Calmer: #2e2e22 with less saturation

  1. 2e2e22
  2. 2e2e23
  3. 2e2e24
  4. 2e2e25
  5. 2e2e27
  6. 2d2e28
  7. 2d2d29
  8. 2d2d2a
  9. 2d2d2b
  10. 2d2d2c