Skip to the color picker
PickShade

#474747 color: Wrought Iron

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

Read as HEX

0°
100%

OKLCH

39.8%
0.000
0°
  • ≈ Charcoal
  • Gray
  • Dark
  • Muted
  • Neutral
  • olive-700
  • Black 72%

Looks the same on every screen.

White text9.29:1 · AALc -96
Black text2.26: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 #474747

#474747 is a dark gray color. In OKLCH it has 39.8% lightness, 0 chroma and a hue of 0°.

Looks the same on every screen.

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

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

More dark gray colors

Lighter: #474747 mixed with white

  1. 474747
  2. 575757
  3. 686868
  4. 7a7a7a
  5. 8c8c8c
  6. 9e9e9e
  7. b1b1b1
  8. c4c4c4
  9. d7d7d7
  10. ebebeb

Darker: #474747 mixed with black

  1. 474747
  2. 3d3d3d
  3. 323232
  4. 282828
  5. 1f1f1f
  6. 161616
  7. 0d0d0d
  8. 060606
  9. 020202
  10. 000000

Calmer: #474747 with less saturation

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