Skip to the color picker
PickShade

#aaada2 color: Laurel Grey

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

Read as HEX

76°
100%

OKLCH

74.2%
0.016
119°
  • ≈ Dark gray
  • Gray
  • Light
  • Muted
  • Neutral
  • olive-400
  • Black 32%

Looks the same on every screen.

White text2.28:1 · Below AALc -50
Black text9.21: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 #aaada2

#aaada2 is a light gray color. In OKLCH it has 74.2% lightness, 0.016 chroma and a hue of 119°.

Looks the same on every screen.

White text on it reaches 2.28:1 contrast and black text 9.21: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: #aaada2 mixed with white

  1. aaada2
  2. b2b5ab
  3. babdb4
  4. c3c5bd
  5. cbcdc6
  6. d4d5d0
  7. dcded9
  8. e5e6e2
  9. edeeec
  10. f6f7f5

Darker: #aaada2 mixed with black

  1. aaada2
  2. 93968c
  3. 7d7f77
  4. 686a63
  5. 53554f
  6. 3f413c
  7. 2d2d2a
  8. 1b1b19
  9. 0b0b0a
  10. 010101

Calmer: #aaada2 with less saturation

  1. aaada2
  2. aaada3
  3. aaada4
  4. aaaca5
  5. aaaca6
  6. abaca7
  7. abaca8
  8. abaca8
  9. abaca9
  10. ababaa