Skip to the color picker
PickShade

#688ec7 color: Provence

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

Read as HEX

216°
100%

OKLCH

64.2%
0.096
258°
  • ≈ Steel blue
  • Blue
  • Medium
  • Soft
  • Cool
  • cyan-600
  • Black 22%

Looks the same on every screen.

White text3.34:1 · Below AALc -66
Black text6.28:1 · AALc 43

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 #688ec7

#688ec7 is a soft blue color. In OKLCH it has 64.2% lightness, 0.096 chroma and a hue of 258°.

Looks the same on every screen.

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

The closest named color is Provence (#658dc6). In Tailwind CSS the closest color is cyan-600.

More medium blue colors

Lighter: #688ec7 mixed with white

  1. 688ec7
  2. 7799cd
  3. 85a4d3
  4. 94afd9
  5. a3bbdf
  6. b2c6e4
  7. c1d1ea
  8. d0ddef
  9. e0e8f5
  10. eff3fa

Darker: #688ec7 mixed with black

  1. 688ec7
  2. 597bad
  3. 4b6893
  4. 3e567a
  5. 304462
  6. 24344c
  7. 182436
  8. 0c1521
  9. 04070e
  10. 000102

Calmer: #688ec7 with less saturation

  1. 688ec7
  2. 6c8ec1
  3. 708ebc
  4. 748eb6
  5. 778eb0
  6. 7b8eaa
  7. 7f8ea5
  8. 828e9f
  9. 868d99
  10. 898d93