Skip to the color picker
PickShade

#acaaaf color: Sylph

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

Read as HEX

264°
100%

OKLCH

74.1%
0.007
304°
  • ≈ Dark gray
  • Gray
  • Light
  • Muted
  • Neutral
  • mist-400
  • Black 31%

Looks the same on every screen.

White text2.30:1 · Below AALc -50
Black text9.12:1 · AALc 59

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

#acaaaf is a light gray color. In OKLCH it has 74.1% lightness, 0.007 chroma and a hue of 304°.

Looks the same on every screen.

White text on it reaches 2.3:1 contrast and black text 9.12:1, so black text reads better.

The closest named color is Sylph (#adaab1). In Tailwind CSS the closest color is mist-400.

More light gray colors

Lighter: #acaaaf mixed with white

  1. acaaaf
  2. b4b2b7
  3. bcbabf
  4. c4c3c6
  5. cccbce
  6. d5d4d6
  7. dddcde
  8. e5e5e6
  9. eeedef
  10. f6f6f7

Darker: #acaaaf mixed with black

  1. acaaaf
  2. 959398
  3. 7f7d81
  4. 69686b
  5. 545356
  6. 403f41
  7. 2d2d2e
  8. 1b1b1c
  9. 0b0b0b
  10. 010101

Calmer: #acaaaf with less saturation

  1. acaaaf
  2. acaaaf
  3. acaaae
  4. acaaae
  5. acaaad
  6. abaaad
  7. ababad
  8. ababac
  9. ababac
  10. ababab