Skip to the color picker
PickShade

#668ac2 color: Provence

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

Read as HEX

217°
100%

OKLCH

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

Looks the same on every screen.

White text3.51:1 · Below AALc -68
Black text5.98:1 · AALc 41

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 #668ac2

#668ac2 is a soft blue color. In OKLCH it has 63% lightness, 0.094 chroma and a hue of 259°.

Looks the same on every screen.

White text on it reaches 3.51:1 contrast and black text 5.98: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: #668ac2 mixed with white

  1. 668ac2
  2. 7595c8
  3. 83a1cf
  4. 92add5
  5. a1b8db
  6. b1c4e2
  7. c0d0e8
  8. cfdbee
  9. dfe7f3
  10. eff3f9

Darker: #668ac2 mixed with black

  1. 668ac2
  2. 5877a8
  3. 4a658f
  4. 3c5377
  5. 2f4260
  6. 233249
  7. 172234
  8. 0c1420
  9. 04070e
  10. 000102

Calmer: #668ac2 with less saturation

  1. 668ac2
  2. 6a8abc
  3. 6d8ab7
  4. 718ab1
  5. 758aac
  6. 788aa6
  7. 7c8aa0
  8. 7f8a9b
  9. 828a95
  10. 86898f