Skip to the color picker
PickShade

#a0bdaa color: Attica

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

Read as HEX

141°
100%

OKLCH

77.1%
0.041
157°
  • ≈ Sage
  • Emerald
  • Light
  • Muted
  • Dusty
  • Cool
  • olive-400
  • Black 26%

Looks the same on every screen.

White text2.03:1 · Below AALc -44
Black text10.35: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 #a0bdaa

#a0bdaa is a dusty light emerald color. In OKLCH it has 77.1% lightness, 0.041 chroma and a hue of 157°.

Looks the same on every screen.

White text on it reaches 2.03:1 contrast and black text 10.35: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: #a0bdaa mixed with white

  1. a0bdaa
  2. a9c3b2
  3. b3cabb
  4. bcd1c3
  5. c5d7cb
  6. cfded4
  7. d8e4dc
  8. e2ebe5
  9. ecf2ee
  10. f5f8f6

Darker: #a0bdaa mixed with black

  1. a0bdaa
  2. 8ba493
  3. 768c7d
  4. 617468
  5. 4e5d53
  6. 3b473f
  7. 29332d
  8. 191f1b
  9. 090d0b
  10. 010201

Calmer: #a0bdaa with less saturation

  1. a0bdaa
  2. a2bcab
  3. a4bbac
  4. a6baad
  5. a8baae
  6. abb9af
  7. adb8b0
  8. afb7b1
  9. b1b6b2
  10. b2b5b3