Skip to the color picker
PickShade

#658dc7 color: Provence

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

Read as HEX

216°
100%

OKLCH

63.8%
0.098
258°
  • ≈ Steel blue
  • Blue
  • Medium
  • Soft
  • Cool
  • cyan-600
  • Black 22%

Looks the same on every screen.

White text3.39:1 · Below AALc -67
Black text6.19: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 #658dc7

#658dc7 is a soft blue color. In OKLCH it has 63.8% lightness, 0.098 chroma and a hue of 258°.

Looks the same on every screen.

White text on it reaches 3.39:1 contrast and black text 6.19: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: #658dc7 mixed with white

  1. 658dc7
  2. 7498cd
  3. 83a4d3
  4. 92afd9
  5. a1badf
  6. b0c5e4
  7. c0d1ea
  8. cfdcef
  9. dfe8f5
  10. eff3fa

Darker: #658dc7 mixed with black

  1. 658dc7
  2. 577aad
  3. 496793
  4. 3c557a
  5. 2f4462
  6. 22334c
  7. 172336
  8. 0c1421
  9. 03070e
  10. 000102

Calmer: #658dc7 with less saturation

  1. 658dc7
  2. 698dc1
  3. 6d8dbb
  4. 718db6
  5. 758db0
  6. 798daa
  7. 7d8da4
  8. 818d9e
  9. 848c98
  10. 888c92