Skip to the color picker
PickShade

#628dc9 color: Provence

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

Read as HEX

215°
100%

OKLCH

63.7%
0.103
257°
  • ≈ Steel blue
  • Blue
  • Medium
  • Soft
  • Cool
  • cyan-600
  • Black 21%

Looks the same on every screen.

White text3.40:1 · Below AALc -67
Black text6.17: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 #628dc9

#628dc9 is a soft blue color. In OKLCH it has 63.7% lightness, 0.103 chroma and a hue of 257°.

Looks the same on every screen.

White text on it reaches 3.4:1 contrast and black text 6.17: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: #628dc9 mixed with white

  1. 628dc9
  2. 7198cf
  3. 81a4d5
  4. 90afda
  5. 9fbae0
  6. afc6e5
  7. bfd1eb
  8. cfdcf0
  9. dfe8f5
  10. eff3fa

Darker: #628dc9 mixed with black

  1. 628dc9
  2. 547aae
  3. 476795
  4. 3a557c
  5. 2d4464
  6. 21334c
  7. 162336
  8. 0b1422
  9. 03070f
  10. 000102

Calmer: #628dc9 with less saturation

  1. 628dc9
  2. 678dc3
  3. 6b8dbd
  4. 6f8db7
  5. 748db1
  6. 788dab
  7. 7c8da5
  8. 808c9e
  9. 848c98
  10. 878c92