Skip to the color picker
PickShade

#a2aaae color: Heavy Blue Grey

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

Read as HEX

200°
100%

OKLCH

73.3%
0.011
229°
  • ≈ Dark gray
  • Gray
  • Light
  • Muted
  • Neutral
  • mist-400
  • Black 32%

Looks the same on every screen.

White text2.36:1 · Below AALc -51
Black text8.90:1 · AALc 57

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

#a2aaae is a light gray color. In OKLCH it has 73.3% lightness, 0.011 chroma and a hue of 229°.

Looks the same on every screen.

White text on it reaches 2.36:1 contrast and black text 8.9:1, so black text reads better.

The closest named color is Heavy Blue Grey (#9fabaf). In Tailwind CSS the closest color is mist-400.

More light gray colors

Lighter: #a2aaae mixed with white

  1. a2aaae
  2. abb2b6
  3. b4babe
  4. bdc3c6
  5. c6cbce
  6. d0d4d6
  7. d9dcde
  8. e2e5e6
  9. eceeee
  10. f5f6f7

Darker: #a2aaae mixed with black

  1. a2aaae
  2. 8c9397
  3. 777d80
  4. 63686a
  5. 4f5355
  6. 3c3f41
  7. 2a2d2e
  8. 191b1c
  9. 0a0b0b
  10. 010101

Calmer: #a2aaae with less saturation

  1. a2aaae
  2. a3aaad
  3. a3aaad
  4. a4aaac
  5. a5a9ac
  6. a5a9ab
  7. a6a9ab
  8. a6a9aa
  9. a7a9aa
  10. a8a9a9