Skip to the color picker
PickShade

#978dc2 color: Hermosa

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

Read as HEX

251°
100%

OKLCH

67.2%
0.078
293°
  • ≈ Lilac
  • Violet
  • Medium
  • Soft
  • Dusty
  • Cool
  • slate-400
  • Black 24%

Looks the same on every screen.

White text3.04:1 · Below AALc -63
Black text6.90:1 · AALc 47

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

#978dc2 is a dusty violet color. In OKLCH it has 67.2% lightness, 0.078 chroma and a hue of 293°.

Looks the same on every screen.

White text on it reaches 3.04:1 contrast and black text 6.9: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: #978dc2 mixed with white

  1. 978dc2
  2. a198c8
  3. aba3cf
  4. b5aed5
  5. bfbadb
  6. c9c5e1
  7. d4d0e7
  8. dfdced
  9. e9e8f3
  10. f4f3f9

Darker: #978dc2 mixed with black

  1. 978dc2
  2. 837aa8
  3. 6f678f
  4. 5c5577
  5. 494460
  6. 373349
  7. 262334
  8. 171420
  9. 08070e
  10. 010102

Calmer: #978dc2 with less saturation

  1. 978dc2
  2. 978ebe
  3. 978fb9
  4. 9690b5
  5. 9691b1
  6. 9692ac
  7. 9693a8
  8. 9693a3
  9. 96949f
  10. 96959a