Skip to the color picker
PickShade

#abaca2 color: Laurel Grey

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

Read as HEX

66°
100%

OKLCH

74.1%
0.014
111°
  • ≈ Dark gray
  • Gray
  • Light
  • Muted
  • Neutral
  • olive-400
  • Black 33%

Looks the same on every screen.

White text2.29:1 · Below AALc -50
Black text9.15:1 · AALc 59

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

#abaca2 is a light gray color. In OKLCH it has 74.1% lightness, 0.014 chroma and a hue of 111°.

Looks the same on every screen.

White text on it reaches 2.29:1 contrast and black text 9.15: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: #abaca2 mixed with white

  1. abaca2
  2. b3b4ab
  3. bbbcb4
  4. c4c4bd
  5. ccccc6
  6. d4d5d0
  7. ddddd9
  8. e5e5e2
  9. eeeeec
  10. f6f6f5

Darker: #abaca2 mixed with black

  1. abaca2
  2. 94958c
  3. 7e7f77
  4. 686963
  5. 54544f
  6. 40403c
  7. 2d2d2a
  8. 1b1b19
  9. 0b0b0a
  10. 010101

Calmer: #abaca2 with less saturation

  1. abaca2
  2. abaca3
  3. abaca4
  4. abaca5
  5. abaca6
  6. ababa6
  7. ababa7
  8. ababa8
  9. ababa9
  10. ababaa