Skip to the color picker
PickShade

#a3abb8 color: Atelier

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

Read as HEX

217°
100%

OKLCH

73.9%
0.021
260°
  • ≈ Dark gray
  • Blue
  • Light
  • Muted
  • Cool
  • mist-400
  • Black 28%

Looks the same on every screen.

White text2.31: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 #a3abb8

#a3abb8 is a muted light blue color. In OKLCH it has 73.9% lightness, 0.021 chroma and a hue of 260°.

Looks the same on every screen.

White text on it reaches 2.31: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: #a3abb8 mixed with white

  1. a3abb8
  2. acb3bf
  3. b5bbc6
  4. bec4cd
  5. c7ccd4
  6. d0d4db
  7. d9dde2
  8. e3e5e9
  9. eceef1
  10. f5f6f8

Darker: #a3abb8 mixed with black

  1. a3abb8
  2. 8d94a0
  3. 787e88
  4. 636871
  5. 4f545b
  6. 3c4045
  7. 2a2d31
  8. 191b1e
  9. 0a0b0c
  10. 010102

Calmer: #a3abb8 with less saturation

  1. a3abb8
  2. a4abb7
  3. a4abb5
  4. a5abb4
  5. a6abb3
  6. a7abb1
  7. a7abb0
  8. a8abae
  9. a9aaad
  10. aaaaac