Skip to the color picker
PickShade

#bebab2 color: Viaduct

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

Read as HEX

40°
100%

OKLCH

79%
0.012
85°
  • ≈ Silver
  • Gray
  • Light
  • Muted
  • Neutral
  • olive-400
  • Black 25%

Looks the same on every screen.

White text1.93:1 · Below AALc -41
Black text10.86:1 · AALc 67

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

#bebab2 is a light gray color. In OKLCH it has 79% lightness, 0.012 chroma and a hue of 85°.

Looks the same on every screen.

White text on it reaches 1.93:1 contrast and black text 10.86:1, so black text reads better.

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

More light gray colors

Lighter: #bebab2 mixed with white

  1. bebab2
  2. c4c1b9
  3. cbc7c1
  4. d1cec9
  5. d8d5d0
  6. dedcd8
  7. e5e3e0
  8. ebeae7
  9. f2f1ef
  10. f8f8f7

Darker: #bebab2 mixed with black

  1. bebab2
  2. a5a19a
  3. 8c8983
  4. 75726d
  5. 5e5c57
  6. 484643
  7. 33322f
  8. 1f1e1d
  9. 0d0d0c
  10. 020201

Calmer: #bebab2 with less saturation

  1. bebab2
  2. bebab3
  3. bdbab4
  4. bdbab5
  5. bdbab5
  6. bcbab6
  7. bcbab7
  8. bbbab8
  9. bbbab9
  10. bbbab9