Skip to the color picker
PickShade

#a2b7cd color: Blue Garter

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

Read as HEX

211°
100%

OKLCH

77.1%
0.039
250°
  • ≈ Dark gray
  • Blue
  • Light
  • Muted
  • Dusty
  • Cool
  • mist-400
  • Black 20%

Looks the same on every screen.

White text2.06:1 · Below AALc -45
Black text10.19: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 #a2b7cd

#a2b7cd is a dusty light blue color. In OKLCH it has 77.1% lightness, 0.039 chroma and a hue of 250°.

Looks the same on every screen.

White text on it reaches 2.06:1 contrast and black text 10.19: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: #a2b7cd mixed with white

  1. a2b7cd
  2. abbed2
  3. b4c5d7
  4. bdccdc
  5. c7d3e1
  6. d0dbe6
  7. d9e2eb
  8. e2e9f0
  9. ecf0f5
  10. f5f8fa

Darker: #a2b7cd mixed with black

  1. a2b7cd
  2. 8c9fb2
  3. 778798
  4. 63707e
  5. 4f5a66
  6. 3c454e
  7. 2a3138
  8. 191e23
  9. 0a0c0f
  10. 010202

Calmer: #a2b7cd with less saturation

  1. a2b7cd
  2. a4b7cb
  3. a6b7c8
  4. a8b6c6
  5. a9b6c3
  6. abb6c1
  7. adb5be
  8. afb5bc
  9. b1b5b9
  10. b2b5b7