Skip to the color picker
PickShade

#668dc5 color: Provence

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

Read as HEX

215°
100%

OKLCH

63.8%
0.095
257°
  • ≈ Steel blue
  • Blue
  • Medium
  • Soft
  • Cool
  • cyan-600
  • Black 23%

Looks the same on every screen.

White text3.40:1 · Below AALc -67
Black text6.18: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 #668dc5

#668dc5 is a soft blue color. In OKLCH it has 63.8% lightness, 0.095 chroma and a hue of 257°.

Looks the same on every screen.

White text on it reaches 3.4:1 contrast and black text 6.18: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: #668dc5 mixed with white

  1. 668dc5
  2. 7598cb
  3. 84a3d1
  4. 92afd7
  5. a2badd
  6. b1c5e3
  7. c0d1e9
  8. d0dcef
  9. dfe8f4
  10. eff3fa

Darker: #668dc5 mixed with black

  1. 668dc5
  2. 587aab
  3. 4a6792
  4. 3c5579
  5. 2f4461
  6. 23334b
  7. 172335
  8. 0c1421
  9. 04070e
  10. 000102

Calmer: #668dc5 with less saturation

  1. 668dc5
  2. 6a8dbf
  3. 6e8dba
  4. 728db4
  5. 768dae
  6. 798da9
  7. 7d8da3
  8. 818c9d
  9. 848c97
  10. 888c91