Skip to the color picker
PickShade

#638bc2 color: Provence

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

Read as HEX

215°
100%

OKLCH

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

Looks the same on every screen.

White text3.50:1 · Below AALc -68
Black text6.00: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 #638bc2

#638bc2 is a soft blue color. In OKLCH it has 63% lightness, 0.095 chroma and a hue of 257°.

Looks the same on every screen.

White text on it reaches 3.5:1 contrast and black text 6: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: #638bc2 mixed with white

  1. 638bc2
  2. 7296c8
  3. 81a2cf
  4. 90add5
  5. a0b9db
  6. afc4e2
  7. bfd0e8
  8. cfdcee
  9. dfe7f3
  10. eff3f9

Darker: #638bc2 mixed with black

  1. 638bc2
  2. 5578a8
  3. 47668f
  4. 3a5477
  5. 2e4360
  6. 213249
  7. 162334
  8. 0b1420
  9. 03070e
  10. 000102

Calmer: #638bc2 with less saturation

  1. 638bc2
  2. 678bbc
  3. 6b8bb7
  4. 6f8bb1
  5. 738bac
  6. 778ba6
  7. 7b8ba0
  8. 7e8a9b
  9. 828a95
  10. 86898f