Skip to the color picker
PickShade

#9fa2af color: Spun Pearl

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

Read as HEX

229°
100%

OKLCH

71.4%
0.019
276°
  • ≈ Dark gray
  • Gray
  • Light
  • Muted
  • Neutral
  • gray-400
  • Black 31%

Looks the same on every screen.

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

#9fa2af is a light gray color. In OKLCH it has 71.4% lightness, 0.019 chroma and a hue of 276°.

Looks the same on every screen.

White text on it reaches 2.54:1 contrast and black text 8.26: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: #9fa2af mixed with white

  1. 9fa2af
  2. a8abb7
  3. b2b4bf
  4. bbbdc6
  5. c4c6ce
  6. ced0d6
  7. d8d9de
  8. e1e2e6
  9. ebecef
  10. f5f5f7

Darker: #9fa2af mixed with black

  1. 9fa2af
  2. 8a8c98
  3. 757781
  4. 61636b
  5. 4d4f56
  6. 3b3c41
  7. 292a2e
  8. 18191c
  9. 090a0b
  10. 010101

Calmer: #9fa2af with less saturation

  1. 9fa2af
  2. 9fa2ae
  3. a0a2ad
  4. a0a2ab
  5. a0a2aa
  6. a1a2a9
  7. a1a2a8
  8. a1a2a6
  9. a2a2a5
  10. a2a2a4