Skip to the color picker
PickShade

#688bc5 color: Provence

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

Read as HEX

217°
100%

OKLCH

63.5%
0.096
260°
  • ≈ Steel blue
  • Blue
  • Medium
  • Soft
  • Cool
  • cyan-600
  • Black 23%

Looks the same on every screen.

White text3.45:1 · Below AALc -67
Black text6.09:1 · AALc 42

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

#688bc5 is a soft blue color. In OKLCH it has 63.5% lightness, 0.096 chroma and a hue of 260°.

Looks the same on every screen.

White text on it reaches 3.45:1 contrast and black text 6.09: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: #688bc5 mixed with white

  1. 688bc5
  2. 7696cb
  3. 85a2d1
  4. 94add7
  5. a2b9dd
  6. b1c4e3
  7. c1d0e9
  8. d0dcef
  9. e0e7f4
  10. eff3fa

Darker: #688bc5 mixed with black

  1. 688bc5
  2. 5978ab
  3. 4b6692
  4. 3e5479
  5. 304361
  6. 24324b
  7. 182335
  8. 0c1421
  9. 04070e
  10. 000102

Calmer: #688bc5 with less saturation

  1. 688bc5
  2. 6c8bbf
  3. 6f8bba
  4. 738bb4
  5. 768bae
  6. 7a8ba8
  7. 7d8ba2
  8. 818b9d
  9. 848b97
  10. 878b90