Skip to the color picker
PickShade

#778d8a color: Northern Juniper

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

Read as HEX

172°
100%

OKLCH

62.5%
0.026
186°
  • ≈ Gray
  • Teal
  • Medium
  • Muted
  • Dusty
  • Cool
  • olive-500
  • Black 45%

Looks the same on every screen.

White text3.52:1 · Below AALc -68
Black text5.96:1 · AALc 41

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

#778d8a is a dusty teal color. In OKLCH it has 62.5% lightness, 0.026 chroma and a hue of 186°.

Looks the same on every screen.

White text on it reaches 3.52:1 contrast and black text 5.96: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: #778d8a mixed with white

  1. 778d8a
  2. 849895
  3. 91a3a0
  4. 9eaeac
  5. acb9b7
  6. b9c5c3
  7. c7d0cf
  8. d5dcdb
  9. e3e7e7
  10. f1f3f3

Darker: #778d8a mixed with black

  1. 778d8a
  2. 677a77
  3. 576765
  4. 475553
  5. 384442
  6. 2a3332
  7. 1c2322
  8. 101414
  9. 050707
  10. 010101

Calmer: #778d8a with less saturation

  1. 778d8a
  2. 798c8a
  3. 7a8c8a
  4. 7c8b89
  5. 7e8b89
  6. 808a89
  7. 818a89
  8. 838988
  9. 848988
  10. 868888