Skip to the color picker
PickShade

#302f20 color: Metal Construction Green

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

Read as HEX

56°
100%

OKLCH

30.2%
0.026
105°
  • ≈ Graphite
  • Yellow
  • Dark
  • Muted
  • Neutral
  • olive-800
  • Black 81%

Looks the same on every screen.

White text13.52:1 · AALc -103
Black text1.55: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 #302f20

#302f20 is a muted dark yellow color. In OKLCH it has 30.2% lightness, 0.026 chroma and a hue of 105°.

Looks the same on every screen.

White text on it reaches 13.52:1 contrast and black text 1.55: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: #302f20 mixed with white

  1. 302f20
  2. 424133
  3. 545447
  4. 68675b
  5. 7c7b71
  6. 909087
  7. a5a59e
  8. bbbbb5
  9. d1d1cd
  10. e8e8e6

Darker: #302f20 mixed with black

  1. 302f20
  2. 28271a
  3. 212015
  4. 1a190f
  5. 13120a
  6. 0c0c06
  7. 060603
  8. 030301
  9. 010100
  10. 000000

Calmer: #302f20 with less saturation

  1. 302f20
  2. 302f22
  3. 302f23
  4. 2f2f24
  5. 2f2f26
  6. 2f2f27
  7. 2f2f29
  8. 2f2e2a
  9. 2e2e2b
  10. 2e2e2d