Skip to the color picker
PickShade

#a2b8cd color: Blue Garter

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

Read as HEX

209°
100%

OKLCH

77.3%
0.039
247°
  • ≈ Silver
  • Blue
  • Light
  • Muted
  • Dusty
  • Cool
  • mist-400
  • Black 20%

Looks the same on every screen.

White text2.04:1 · Below AALc -44
Black text10.27:1 · AALc 64

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

#a2b8cd is a dusty light blue color. In OKLCH it has 77.3% lightness, 0.039 chroma and a hue of 247°.

Looks the same on every screen.

White text on it reaches 2.04:1 contrast and black text 10.27:1, so black text reads better.

The closest named color is Blue Garter (#a2b8ce). In Tailwind CSS the closest color is mist-400.

More light blue colors

Lighter: #a2b8cd mixed with white

  1. a2b8cd
  2. abbfd2
  3. b4c6d7
  4. bdcddc
  5. c7d4e1
  6. d0dbe6
  7. d9e2eb
  8. e3e9f0
  9. ecf1f5
  10. f5f8fa

Darker: #a2b8cd mixed with black

  1. a2b8cd
  2. 8ca0b2
  3. 778898
  4. 63717e
  5. 4f5b66
  6. 3c454e
  7. 2a3138
  8. 191e23
  9. 0a0c0f
  10. 010202

Calmer: #a2b8cd with less saturation

  1. a2b8cd
  2. a4b8cb
  3. a6b7c8
  4. a8b7c6
  5. aab7c3
  6. acb7c1
  7. aeb6bf
  8. afb6bc
  9. b1b6ba
  10. b3b5b7