Skip to the color picker
PickShade

#a2abba color: Atelier

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

Read as HEX

218°
100%

OKLCH

73.9%
0.024
261°
  • ≈ Dark gray
  • Blue
  • Light
  • Muted
  • Cool
  • mist-400
  • Black 27%

Looks the same on every screen.

White text2.32:1 · Below AALc -51
Black text9.07:1 · AALc 58

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

#a2abba is a muted light blue color. In OKLCH it has 73.9% lightness, 0.024 chroma and a hue of 261°.

Looks the same on every screen.

White text on it reaches 2.32:1 contrast and black text 9.07:1, so black text reads better.

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

More light blue colors

Lighter: #a2abba mixed with white

  1. a2abba
  2. abb3c1
  3. b4bbc8
  4. bdc4ce
  5. c6ccd5
  6. d0d4dc
  7. d9dde3
  8. e2e5ea
  9. eceef1
  10. f5f6f8

Darker: #a2abba mixed with black

  1. a2abba
  2. 8c94a1
  3. 777e89
  4. 636872
  5. 4f545c
  6. 3c4046
  7. 2a2d32
  8. 191b1e
  9. 0a0b0d
  10. 010102

Calmer: #a2abba with less saturation

  1. a2abba
  2. a3abb8
  3. a4abb7
  4. a4abb5
  5. a5abb4
  6. a6abb2
  7. a7abb1
  8. a8abaf
  9. a9aaad
  10. a9aaac