Skip to the color picker
PickShade

#a2bdaa color: Attica

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

Read as HEX

138°
100%

OKLCH

77.3%
0.040
155°
  • ≈ Sage
  • Emerald
  • Light
  • Muted
  • Dusty
  • Cool
  • olive-400
  • Black 26%

Looks the same on every screen.

White text2.02:1 · Below AALc -44
Black text10.40:1 · AALc 65

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

#a2bdaa is a dusty light emerald color. In OKLCH it has 77.3% lightness, 0.04 chroma and a hue of 155°.

Looks the same on every screen.

White text on it reaches 2.02:1 contrast and black text 10.4:1, so black text reads better.

The closest named color is Attica (#a1bca9). In Tailwind CSS the closest color is olive-400.

More light emerald colors

Lighter: #a2bdaa mixed with white

  1. a2bdaa
  2. abc3b2
  3. b4cabb
  4. bdd0c3
  5. c7d7cb
  6. d0ded4
  7. d9e4dc
  8. e3ebe5
  9. ecf2ee
  10. f5f8f6

Darker: #a2bdaa mixed with black

  1. a2bdaa
  2. 8ca493
  3. 778c7d
  4. 637468
  5. 4f5d53
  6. 3c473f
  7. 2a332d
  8. 191f1b
  9. 0a0d0b
  10. 010201

Calmer: #a2bdaa with less saturation

  1. a2bdaa
  2. a4bcab
  3. a6bbac
  4. a8bbad
  5. aabaae
  6. acb9af
  7. aeb8b1
  8. afb7b2
  9. b1b7b3
  10. b3b6b4