Skip to the color picker
PickShade

#648dc8 color: Provence

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

Read as HEX

215°
100%

OKLCH

63.8%
0.100
257°
  • ≈ 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 #648dc8

#648dc8 is a soft blue color. In OKLCH it has 63.8% lightness, 0.1 chroma and a hue of 257°.

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: #648dc8 mixed with white

  1. 648dc8
  2. 7398ce
  3. 82a4d4
  4. 91afda
  5. a0badf
  6. b0c6e5
  7. bfd1ea
  8. cfdcf0
  9. dfe8f5
  10. eff3fa

Darker: #648dc8 mixed with black

  1. 648dc8
  2. 567aae
  3. 486794
  4. 3b557b
  5. 2e4463
  6. 22334c
  7. 162336
  8. 0b1421
  9. 03070f
  10. 000102

Calmer: #648dc8 with less saturation

  1. 648dc8
  2. 688dc2
  3. 6d8dbc
  4. 718db6
  5. 758db0
  6. 798daa
  7. 7d8da4
  8. 808d9e
  9. 848c98
  10. 888c92