Skip to the color picker
PickShade

#ababa2 color: Laurel Grey

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

Read as HEX

60°
100%

OKLCH

73.9%
0.013
107°
  • ≈ Dark gray
  • Gray
  • Light
  • Muted
  • Neutral
  • olive-400
  • Black 33%

Looks the same on every screen.

White text2.31:1 · Below AALc -51
Black text9.08: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 #ababa2

#ababa2 is a light gray color. In OKLCH it has 73.9% lightness, 0.013 chroma and a hue of 107°.

Looks the same on every screen.

White text on it reaches 2.31:1 contrast and black text 9.08:1, so black text reads better.

The closest named color is Laurel Grey (#aaaca2). In Tailwind CSS the closest color is olive-400.

More light gray colors

Lighter: #ababa2 mixed with white

  1. ababa2
  2. b3b3ab
  3. bbbbb4
  4. c4c4bd
  5. ccccc6
  6. d4d4d0
  7. ddddd9
  8. e5e5e2
  9. eeeeec
  10. f6f6f5

Darker: #ababa2 mixed with black

  1. ababa2
  2. 94948c
  3. 7e7e77
  4. 686863
  5. 54544f
  6. 40403c
  7. 2d2d2a
  8. 1b1b19
  9. 0b0b0a
  10. 010101

Calmer: #ababa2 with less saturation

  1. ababa2
  2. ababa3
  3. ababa4
  4. ababa4
  5. ababa5
  6. ababa6
  7. ababa7
  8. aaaaa8
  9. aaaaa9
  10. aaaaa9