Skip to the color picker
PickShade

#648dc3 color: Provence

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

Read as HEX

214°
100%

OKLCH

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

Looks the same on every screen.

White text3.42:1 · Below AALc -67
Black text6.14: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 #648dc3

#648dc3 is a soft blue color. In OKLCH it has 63.6% lightness, 0.094 chroma and a hue of 256°.

Looks the same on every screen.

White text on it reaches 3.42:1 contrast and black text 6.14: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: #648dc3 mixed with white

  1. 648dc3
  2. 7398c9
  3. 82a3d0
  4. 91afd6
  5. a0badc
  6. b0c5e2
  7. bfd1e8
  8. cfdcee
  9. dfe8f4
  10. eff3f9

Darker: #648dc3 mixed with black

  1. 648dc3
  2. 567aa9
  3. 486790
  4. 3b5578
  5. 2e4460
  6. 22334a
  7. 162334
  8. 0b1420
  9. 03070e
  10. 000102

Calmer: #648dc3 with less saturation

  1. 648dc3
  2. 688dbe
  3. 6c8db8
  4. 708db3
  5. 748dad
  6. 788da7
  7. 7c8ca2
  8. 808c9c
  9. 848c96
  10. 878b91