Skip to the color picker
PickShade

#978ec8 color: Hermosa

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

Read as HEX

249°
100%

OKLCH

67.6%
0.085
291°
  • ≈ Lilac
  • Violet
  • Medium
  • Soft
  • Cool
  • slate-400
  • Black 22%

Looks the same on every screen.

White text2.99:1 · Below AALc -62
Black text7.02:1 · AALc 48

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 #978ec8

#978ec8 is a soft violet color. In OKLCH it has 67.6% lightness, 0.085 chroma and a hue of 291°.

Looks the same on every screen.

White text on it reaches 2.99:1 contrast and black text 7.02:1, so black text reads better.

The closest named color is Hermosa (#9a8ec1). In Tailwind CSS the closest color is slate-400.

More medium violet colors

Lighter: #978ec8 mixed with white

  1. 978ec8
  2. a199ce
  3. aba4d4
  4. b5afd9
  5. bfbadf
  6. c9c6e4
  7. d4d1ea
  8. dedcef
  9. e9e8f4
  10. f4f3fa

Darker: #978ec8 mixed with black

  1. 978ec8
  2. 837bae
  3. 6f6894
  4. 5c567b
  5. 494463
  6. 37344c
  7. 262436
  8. 171521
  9. 08070f
  10. 010102

Calmer: #978ec8 with less saturation

  1. 978ec8
  2. 978fc3
  3. 9790be
  4. 9791ba
  5. 9792b5
  6. 9793b0
  7. 9794ab
  8. 9795a6
  9. 9795a1
  10. 97969c