Skip to the color picker
PickShade

#778f8a color: Northern Juniper

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

Read as HEX

167°
100%

OKLCH

63%
0.028
181°
  • ≈ Gray
  • Teal
  • Medium
  • Muted
  • Dusty
  • Cool
  • olive-500
  • Black 44%

Looks the same on every screen.

White text3.45:1 · Below AALc -68
Black text6.08:1 · AALc 42

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 #778f8a

#778f8a is a dusty teal color. In OKLCH it has 63% lightness, 0.028 chroma and a hue of 181°.

Looks the same on every screen.

White text on it reaches 3.45:1 contrast and black text 6.08:1, so white text reads better.

The closest named color is Northern Juniper (#778f8e). In Tailwind CSS the closest color is olive-500.

More medium teal colors

Lighter: #778f8a mixed with white

  1. 778f8a
  2. 849a95
  3. 91a4a0
  4. 9eafac
  5. acbab7
  6. b9c6c3
  7. c7d1cf
  8. d5dcdb
  9. e3e8e7
  10. f1f3f3

Darker: #778f8a mixed with black

  1. 778f8a
  2. 677c77
  3. 576965
  4. 475753
  5. 384542
  6. 2a3432
  7. 1c2422
  8. 101514
  9. 050707
  10. 010101

Calmer: #778f8a with less saturation

  1. 778f8a
  2. 798e8a
  3. 7b8e8a
  4. 7d8d8a
  5. 7e8d8a
  6. 808c89
  7. 828b89
  8. 848b89
  9. 868a89
  10. 878a89