Skip to the color picker
PickShade

#a2a2ae color: Spun Pearl

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

Read as HEX

240°
100%

OKLCH

71.6%
0.017
286°
  • ≈ Dark gray
  • Gray
  • Light
  • Muted
  • Neutral
  • zinc-400
  • Black 32%

Looks the same on every screen.

White text2.53:1 · Below AALc -55
Black text8.32:1 · AALc 54

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

#a2a2ae is a light gray color. In OKLCH it has 71.6% lightness, 0.017 chroma and a hue of 286°.

Looks the same on every screen.

White text on it reaches 2.53:1 contrast and black text 8.32:1, so black text reads better.

The closest named color is Spun Pearl (#a2a1ac). In Tailwind CSS the closest color is zinc-400.

More light gray colors

Lighter: #a2a2ae mixed with white

  1. a2a2ae
  2. ababb6
  3. b4b4be
  4. bdbdc6
  5. c6c6ce
  6. d0d0d6
  7. d9d9de
  8. e2e2e6
  9. ececee
  10. f5f5f7

Darker: #a2a2ae mixed with black

  1. a2a2ae
  2. 8c8c97
  3. 777780
  4. 63636a
  5. 4f4f55
  6. 3c3c41
  7. 2a2a2e
  8. 19191c
  9. 0a0a0b
  10. 010101

Calmer: #a2a2ae with less saturation

  1. a2a2ae
  2. a2a2ad
  3. a2a2ac
  4. a2a2ab
  5. a2a2aa
  6. a3a3a9
  7. a3a3a8
  8. a3a3a6
  9. a3a3a5
  10. a3a3a4