Skip to the color picker
PickShade

#648fc8 color: Provence

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

Read as HEX

214°
100%

OKLCH

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

Looks the same on every screen.

White text3.33:1 · Below AALc -66
Black text6.30: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 #648fc8

#648fc8 is a soft blue color. In OKLCH it has 64.2% lightness, 0.098 chroma and a hue of 256°.

Looks the same on every screen.

White text on it reaches 3.33:1 contrast and black text 6.3: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: #648fc8 mixed with white

  1. 648fc8
  2. 739ace
  3. 82a5d4
  4. 91b0da
  5. a1bbdf
  6. b0c7e5
  7. c0d2ea
  8. cfddef
  9. dfe8f5
  10. eff4fa

Darker: #648fc8 mixed with black

  1. 648fc8
  2. 567cae
  3. 486994
  4. 3b577b
  5. 2e4563
  6. 22344c
  7. 162436
  8. 0b1521
  9. 03070f
  10. 000102

Calmer: #648fc8 with less saturation

  1. 648fc8
  2. 698fc2
  3. 6d8fbd
  4. 718fb7
  5. 758fb1
  6. 798fab
  7. 7d8ea5
  8. 818e9f
  9. 858e99
  10. 898d93