Skip to the color picker
PickShade

#688bc2 color: Provence

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

Read as HEX

217°
100%

OKLCH

63.3%
0.092
259°
  • ≈ Steel blue
  • Blue
  • Medium
  • Soft
  • Cool
  • cyan-600
  • Black 24%

Looks the same on every screen.

White text3.46:1 · Below AALc -68
Black text6.06: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 #688bc2

#688bc2 is a soft blue color. In OKLCH it has 63.3% lightness, 0.092 chroma and a hue of 259°.

Looks the same on every screen.

White text on it reaches 3.46:1 contrast and black text 6.06: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: #688bc2 mixed with white

  1. 688bc2
  2. 7696c8
  3. 85a2cf
  4. 94add5
  5. a3b9db
  6. b2c4e2
  7. c1d0e8
  8. d0dcee
  9. e0e7f3
  10. eff3f9

Darker: #688bc2 mixed with black

  1. 688bc2
  2. 5978a8
  3. 4b668f
  4. 3e5477
  5. 304360
  6. 243249
  7. 182334
  8. 0c1420
  9. 04070e
  10. 000102

Calmer: #688bc2 with less saturation

  1. 688bc2
  2. 6c8bbd
  3. 6f8bb7
  4. 738bb2
  5. 768bac
  6. 7a8ba7
  7. 7d8ba1
  8. 808b9b
  9. 838b96
  10. 878a90