Skip to the color picker
PickShade

#302e18 color: Metal Construction Green

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

Read as HEX

55°
100%

OKLCH

29.7%
0.036
104°
  • ≈ Graphite
  • Yellow
  • Very dark
  • Muted
  • Neutral
  • olive-800
  • Black 81%

Looks the same on every screen.

White text13.73: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 #302e18

#302e18 is a muted very dark yellow color. In OKLCH it has 29.7% lightness, 0.036 chroma and a hue of 104°.

Looks the same on every screen.

White text on it reaches 13.73: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: #302e18 mixed with white

  1. 302e18
  2. 42402c
  3. 545340
  4. 686656
  5. 7c7b6c
  6. 908f83
  7. a5a59b
  8. bbbbb3
  9. d1d1cc
  10. e8e8e5

Darker: #302e18 mixed with black

  1. 302e18
  2. 282713
  3. 211f0f
  4. 1a180a
  5. 131207
  6. 0c0b04
  7. 060602
  8. 030201
  9. 010100
  10. 000000

Calmer: #302e18 with less saturation

  1. 302e18
  2. 302e1a
  3. 2f2e1d
  4. 2f2e1f
  5. 2f2e21
  6. 2e2e23
  7. 2e2e25
  8. 2e2d27
  9. 2e2d29
  10. 2d2d2b