Skip to the color picker
PickShade

#9fa2ae color: Spun Pearl

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

Read as HEX

228°
100%

OKLCH

71.4%
0.018
275°
  • ≈ Dark gray
  • Gray
  • Light
  • Muted
  • Neutral
  • gray-400
  • Black 32%

Looks the same on every screen.

White text2.54:1 · Below AALc -55
Black text8.25: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 #9fa2ae

#9fa2ae is a light gray color. In OKLCH it has 71.4% lightness, 0.018 chroma and a hue of 275°.

Looks the same on every screen.

White text on it reaches 2.54:1 contrast and black text 8.25:1, so black text reads better.

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

More light gray colors

Lighter: #9fa2ae mixed with white

  1. 9fa2ae
  2. a8abb6
  3. b2b4be
  4. bbbdc6
  5. c4c6ce
  6. ced0d6
  7. d8d9de
  8. e1e2e6
  9. ebecee
  10. f5f5f7

Darker: #9fa2ae mixed with black

  1. 9fa2ae
  2. 8a8c97
  3. 757780
  4. 61636a
  5. 4d4f55
  6. 3b3c41
  7. 292a2e
  8. 18191c
  9. 090a0b
  10. 010101

Calmer: #9fa2ae with less saturation

  1. 9fa2ae
  2. 9fa2ad
  3. a0a2ac
  4. a0a2ab
  5. a0a2a9
  6. a1a2a8
  7. a1a2a7
  8. a1a2a6
  9. a2a2a5
  10. a2a2a4