Skip to the color picker
PickShade

#484648 color: Wrought Iron

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

Read as HEX

300°
100%

OKLCH

39.7%
0.004
326°
  • ≈ Charcoal
  • Gray
  • Dark
  • Muted
  • Neutral
  • mist-700
  • Black 72%

Looks the same on every screen.

White text9.35:1 · AALc -96
Black text2.25:1 · Below AALc 12

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 #484648

#484648 is a dark gray color. In OKLCH it has 39.7% lightness, 0.004 chroma and a hue of 326°.

Looks the same on every screen.

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

The closest named color is Wrought Iron (#474749). In Tailwind CSS the closest color is mist-700.

More dark gray colors

Lighter: #484648 mixed with white

  1. 484648
  2. 585658
  3. 696769
  4. 7a797a
  5. 8c8b8c
  6. 9e9d9e
  7. b1b0b1
  8. c4c3c4
  9. d7d7d7
  10. ebebeb

Darker: #484648 mixed with black

  1. 484648
  2. 3d3c3d
  3. 333233
  4. 292829
  5. 1f1e1f
  6. 161516
  7. 0d0d0d
  8. 060506
  9. 020202
  10. 000000

Calmer: #484648 with less saturation

  1. 484648
  2. 484648
  3. 484648
  4. 484648
  5. 474647
  6. 474647
  7. 474647
  8. 474647
  9. 474747
  10. 474747