Skip to the color picker
PickShade

#658bc3 color: Provence

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

Read as HEX

216°
100%

OKLCH

63.2%
0.095
258°
  • ≈ Steel blue
  • Blue
  • Medium
  • Soft
  • Cool
  • cyan-600
  • Black 24%

Looks the same on every screen.

White text3.48:1 · Below AALc -68
Black text6.03: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 #658bc3

#658bc3 is a soft blue color. In OKLCH it has 63.2% lightness, 0.095 chroma and a hue of 258°.

Looks the same on every screen.

White text on it reaches 3.48:1 contrast and black text 6.03: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: #658bc3 mixed with white

  1. 658bc3
  2. 7496c9
  3. 83a2d0
  4. 92add6
  5. a1b9dc
  6. b0c4e2
  7. c0d0e8
  8. cfdcee
  9. dfe7f4
  10. eff3f9

Darker: #658bc3 mixed with black

  1. 658bc3
  2. 5778a9
  3. 496690
  4. 3c5478
  5. 2f4360
  6. 22324a
  7. 172334
  8. 0c1420
  9. 03070e
  10. 000102

Calmer: #658bc3 with less saturation

  1. 658bc3
  2. 698bbd
  3. 6d8bb8
  4. 718bb2
  5. 748bad
  6. 788ba7
  7. 7c8ba1
  8. 7f8b9b
  9. 838a95
  10. 868a90