Skip to the color picker
PickShade

#485bce color: Savoy Blue

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

Read as HEX

231°
100%

OKLCH

52.2%
0.178
272°
  • ≈ Royal blue
  • Indigo
  • Medium
  • Soft
  • Cool
  • blue-700
  • Black 19%

Looks the same on every screen.

White text5.73:1 · AALc -84
Black text3.66:1 · Below AALc 26

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 #485bce

#485bce is a soft indigo color. In OKLCH it has 52.2% lightness, 0.178 chroma and a hue of 272°.

Looks the same on every screen.

White text on it reaches 5.73:1 contrast and black text 3.66:1, so white text reads better.

The closest named color is Savoy Blue (#4b61d1). In Tailwind CSS the closest color is blue-700.

More medium indigo colors

Lighter: #485bce mixed with white

  1. 485bce
  2. 576dd4
  3. 687eda
  4. 798ee0
  5. 8b9ee6
  6. 9daeeb
  7. b0bfef
  8. c3cff4
  9. d7dff8
  10. ebeffc

Darker: #485bce mixed with black

  1. 485bce
  2. 3d4eb3
  3. 334198
  4. 29357f
  5. 1f2966
  6. 161e4e
  7. 0d1338
  8. 060923
  9. 02030f
  10. 000002

Calmer: #485bce with less saturation

  1. 485bce
  2. 4b5ec4
  3. 4e60ba
  4. 5163b1
  5. 5464a7
  6. 57669d
  7. 5b6793
  8. 5e6889
  9. 62697f
  10. 666974