Skip to the color picker
PickShade

#668fc9 color: Provence

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

Read as HEX

215°
100%

OKLCH

64.4%
0.099
257°
  • ≈ Steel blue
  • Blue
  • Medium
  • Soft
  • Cool
  • cyan-600
  • Black 21%

Looks the same on every screen.

White text3.31:1 · Below AALc -66
Black text6.34:1 · AALc 44

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

#668fc9 is a soft blue color. In OKLCH it has 64.4% lightness, 0.099 chroma and a hue of 257°.

Looks the same on every screen.

White text on it reaches 3.31:1 contrast and black text 6.34: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: #668fc9 mixed with white

  1. 668fc9
  2. 759acf
  3. 84a5d5
  4. 93b0da
  5. a2bbe0
  6. b1c7e5
  7. c0d2eb
  8. d0ddf0
  9. dfe8f5
  10. eff4fa

Darker: #668fc9 mixed with black

  1. 668fc9
  2. 587cae
  3. 4a6995
  4. 3c577c
  5. 2f4564
  6. 23344c
  7. 172436
  8. 0c1522
  9. 04070f
  10. 000102

Calmer: #668fc9 with less saturation

  1. 668fc9
  2. 6a8fc3
  3. 6f8fbd
  4. 738fb8
  5. 778fb2
  6. 7b8fac
  7. 7e8fa6
  8. 828ea0
  9. 868e9a
  10. 8a8e93