Skip to the color picker
PickShade

#638cc4 color: Provence

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

Read as HEX

215°
100%

OKLCH

63.3%
0.096
256°
  • ≈ Steel blue
  • Blue
  • Medium
  • Soft
  • Cool
  • cyan-600
  • Black 23%

Looks the same on every screen.

White text3.45:1 · Below AALc -67
Black text6.08: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 #638cc4

#638cc4 is a soft blue color. In OKLCH it has 63.3% lightness, 0.096 chroma and a hue of 256°.

Looks the same on every screen.

White text on it reaches 3.45:1 contrast and black text 6.08: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: #638cc4 mixed with white

  1. 638cc4
  2. 7297ca
  3. 81a3d1
  4. 90aed7
  5. a0b9dd
  6. afc5e3
  7. bfd0e8
  8. cfdcee
  9. dfe8f4
  10. eff3f9

Darker: #638cc4 mixed with black

  1. 638cc4
  2. 5579aa
  3. 476791
  4. 3a5578
  5. 2e4361
  6. 21334a
  7. 162335
  8. 0b1421
  9. 03070e
  10. 000102

Calmer: #638cc4 with less saturation

  1. 638cc4
  2. 678cbe
  3. 6b8cb9
  4. 708cb3
  5. 748cad
  6. 778ca8
  7. 7b8ca2
  8. 7f8b9c
  9. 838b96
  10. 868a90