Skip to the color picker
PickShade

#783ddc color: Hokkaido Lavender

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

Read as HEX

262°
100%

OKLCH

52.6%
0.225
294°
  • ≈ Electric violet
  • Violet
  • Medium
  • Vivid
  • Cool
  • violet-700
  • Black 14%

Looks the same on every screen.

White text6.00:1 · AALc -84
Black text3.50:1 · Below AALc 25

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 #783ddc

#783ddc is a bright violet color. In OKLCH it has 52.6% lightness, 0.225 chroma and a hue of 294°.

Looks the same on every screen.

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

The closest named color is Hokkaido Lavender (#7736d9). In Tailwind CSS the closest color is violet-700.

More medium violet colors

Lighter: #783ddc mixed with white

  1. 783ddc
  2. 8355e1
  3. 8f6ae6
  4. 9c7eeb
  5. a991ef
  6. b6a4f3
  7. c4b6f6
  8. d2c8f9
  9. e1dbfb
  10. f0edfd

Darker: #783ddc mixed with black

  1. 783ddc
  2. 6734bf
  3. 572ba3
  4. 482288
  5. 391a6e
  6. 2a1254
  7. 1d0a3c
  8. 100426
  9. 050111
  10. 010002

Calmer: #783ddc with less saturation

  1. 783ddc
  2. 7646d1
  3. 744dc6
  4. 7253bb
  5. 7058b0
  6. 6f5ca5
  7. 6e609a
  8. 6d638e
  9. 6c6683
  10. 6b6877